1.这是我的界面(代码如下):
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/jss.js"></script>
<title>this is jsp</title>
</head>
<body>
<div id="grid"></div>
</body>
</html>
2.数据来源(来自jsp界面):<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'aaa.jsp' starting page</title>
</head>
<body>
<%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
String json="";
try {
int index = Integer.parseInt(start);
int pageSize = Integer.parseInt(limit);
json = "{totalProperty:100,root:[";
for (int i = index; i < pageSize + index; i++) {
json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "'}";
if (i != pageSize + index - 1) {
json += ",";
}
}
json += "]}";
response.getWriter().write(json);
System.out.println(json);
System.out.println(index);
System.out.println(pageSize);
} catch(Exception ex) {
}
%>
</body>
</html>
数据显示json格式:{totalProperty:100,root:[{id:0,name:'name0',descn:'descn0'},{id:1,name:'name1',descn:'descn1'},{id:2,name:'name2',descn:'descn2'},{id:3,name:'name3',descn:'descn3'},{id:4,name:'name4',descn:'descn4'},{id:5,name:'name5',descn:'descn5'},{id:6,name:'name6',descn:'descn6'},{id:7,name:'name7',descn:'descn7'},{id:8,name:'name8',descn:'descn8'},{id:9,name:'name9',descn:'descn9'}]}
3.js的写入:
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel([
{header:"编号",dataIndex:"id",sortable:true},
{header:"名称",dataIndex:"name",sortable:true},
{header:"描述",dataIndex:"descn",sortable:true}
]);
var dds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'aaa.jsp'}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root'
}, [
{name: "id"},
{name: "name"},
{name: "descn"}
])
});
var grid = new Ext.grid.GridPanel({
el: "grid",
ds: dds,
cm: cm,
bbar: new Ext.PagingToolbar({
pageSize:10,
store:dds,
displayInfo:true,
displayMsg:'显示{0}到{1}条记录,总共{2}条记录',
emptyMsg:'没有记录'
})
});
grid.render();
dds.load({params:{start:0,limit:10}});
});
问题:1.为什么我的界面显示不出来数据??用firebug调试可以得到jsp界面的数据
2.希望大家能给出些详细的解决方案。
谢谢大家了
分享到:
相关推荐
本文将深入探讨"EXT Grid数据绑定"这一主题,包括数据查找和如何将查找结果重新填充到Grid中。 EXT Grid的核心是其数据模型(Data Model)和视图(View)。数据模型负责存储和管理数据,而视图则负责渲染这些数据到...
6. Ajax集成:EXT Grid通过Ajax请求从服务器获取或提交数据,这使得页面能够在不刷新的情况下更新内容,提供了流畅的用户体验。 在JSP中使用EXT实现Grid时,我们需要以下步骤: 1. 引入EXT库:在JSP页面中引入EXT...
7. **Ajax交互**:GRID通常与服务器进行异步数据交换,EXT的AJAX组件(如AjaxProxy)用于发送HTTP请求,获取或提交数据。 8. **扩展性**:EXT GRID支持自定义插件和扩展,可以增加额外的功能,如拖放排序、树形GRID...
EXT Grid控件是EXT JS库中的一个核心组件,它用于创建功能丰富的数据网格,能够高效地展示和操作大量数据。EXT Grid广泛应用于J2EE框架中,为Web应用提供了强大的数据展示和交互能力。在本实例中,我们将探讨四种...
在本文中,我们将深入探讨如何在EXT Grid中实现服务器端分页,这在处理大量数据时尤为关键。EXT Grid是一款强大的JavaScript组件,用于构建交互式的数据视图,而服务器端分页则是优化性能、提高用户体验的重要策略。...
在EXT-JS和JSON应用中,SQL脚本通常用于服务器端,处理数据的增删改查操作,并将结果转换为JSON格式供EXT-JS Grid使用。 在实际项目中,服务器端可能会使用PHP、Java、Node.js等语言处理SQL查询并返回JSON数据。...
理解EXT中的数据模型,特别是Store、Proxy和Reader的工作原理,对于开发复杂的EXT应用至关重要,因为这关系到数据的获取、管理和展示。通过灵活地配置和扩展这些组件,开发者可以有效地处理各种类型和来源的数据,...
它提供了大量的组件和功能,包括网格(Grid)这种常用的数据显示控件。这篇博客文章 "ExtJS 使用grid显示数据" 可能详细阐述了如何利用ExtJS的Grid面板来展示和操作数据。 在ExtJS中,Grid Panel是一种数据驱动的...
总的来说,EXT Grid是EXT JS中不可或缺的一部分,它提供了丰富的功能和高度的可定制性,能够满足各种Web应用的数据展示和操作需求。通过深入学习EXT Grid,你可以构建出功能强大且用户体验优秀的数据驱动应用。
Ext Grid是Ext JS框架中的一个核心组件,用于创建数据驱动的表格视图。在这个学习资料中,我们将深入探讨Ext Grid的基本功能,包括数据加载、定时器筛选、分组以及JavaScript库对日期的处理,如计算上周、上月和上...
Java实现HTTP PROXY是一个常见的需求,特别是在开发网络应用或者测试环境中,我们可能需要通过代理服务器转发HTTP请求。本文将深入探讨如何使用Java编程语言来创建一个HTTP代理服务器,并且会涉及相关的源码分析。 ...
`Ext Grid`是一种数据网格控件,它可以用于显示大量结构化的数据,并且支持排序、筛选、分页等功能。在与后端数据库交互时,`Ext Grid`通常结合`Ajax`或者`Store`来实现数据的动态加载。 1. **配置`Ext Store`**:...
除此之外,Ext JS还提供了数据网格(Grid)、表格(Form)等组件,它们内置了数据处理逻辑,支持数据的筛选、排序、分页等功能。例如,表格组件可以方便地与数据存储进行绑定,显示和编辑数据;而数据网格则提供了高...
标题中的"ext3 gridRowEditor本地数据简单demo"是指基于ExtJS 3.x版本的一个示例,它展示了如何使用GridPanel的RowEditor组件来编辑表格数据。ExtJS是一个流行的JavaScript库,用于构建富客户端应用程序,而ext3是其...
在EXT中,DWR通常被用来作为后端数据源,为EXT的组件如Grid、Tree或Form提供数据。`dwrproxy.js`文件可能包含了以下关键内容: 1. **DWR配置**:文件可能会初始化DWR引擎,定义了哪些Java类和方法可以被JavaScript...
HttpProxy HTTP代理服务器 HttpProxy HTTP代理服务器 HttpProxy HTTP代理服务器 HttpProxy HTTP代理服务器
在这个例子中,“简单的EXT加载数据的例子”可能是指如何动态地从服务器获取数据并加载到Treepanel中。 1. **创建Treepanel** 创建Treepanel时,我们需要指定一些基本配置,如ID、标题、宽度、高度等。此外,还...
在创建Store时,需要设置分页参数`pageSize`以控制每页显示的数据数量,并定义模型(Model)以及数据代理(Proxy)等配置。 ```javascript var store = Ext.create('Ext.data.Store', { pageSize: 10, // 设置每页...
在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据...在阅读这篇博客时,可以参照给出的"extgrid"文件,查看具体的代码实现,以便更好地理解和学习。
Grid组件在Ext2.0框架中主要用于展示表格形式的数据,支持多样的数据源类型,包括二维数组、JSON数据和XML数据,甚至是用户自定义的数据格式。这一灵活性得益于框架提供的`Ext.data.Store`,它作为数据与Grid间的...