看了好多文章,
解决方法一:GridPanel增加属性
autoHeight:true
可惜,失败了。
解决方法二(最终方案):
后台返回的数据有多条,分页栏PagingToolbar显示的记录总数也正确,可是当前显示第xx-xx条记录却始终都是显示第1-1条记录,gridpanel却只显示当前页的最后一条记录。
于是到网络上去搜相关信息,说是主键重复,只要主键不同就可以正常显示了。
原文如下:
写道
解决:服务端返回的数据中每一条记录的id都是相同的,而JsonReader的idProperty默认配置是id,这就是出现问题的根源。你只要让每一条记录的id不同就行了。
写道
这应该是Ext对json处理机制导致的问题,id这个名称可能是默认的主键,所以当这个字段相同的时候就视为相同数据,导致只显示一条,以后可以考虑主键字段不叫id(改写JSONReader的idProperty)或者保证id这个字段不重复
写道
reader数据源中的id是一样的值,如果id是相同的值,则ext的stroe会自动的过滤掉,则需将id:"属性值",去掉。
可惜,回头再去检查,可是发现json数据中的id字段没有重复,我的是复合主键。
firebug查看后台返回的数据,如下:
{
"data":
[
{"count":"4","endTime":"2012-10-17 10:59:00",
"id":{"stepNo":"1","workdate":"20121012"},
"info":"2012-10-17 10:40:00:步骤一成功","result":"0","startTime":"2012-10-17 10:59:00","stepName":"step1"},
{"count":"4","endTime":"2012-10-17 10:59:00",
"id":{"stepNo":"4","workdate":"20121012"},
"info":"2012-10-17 10:40:00:步骤二成功","result":"0","startTime":"2012-10-17 10:59:00","stepName":"step2"},
{"count":"4","endTime":"2012-10-17 10:59:00",
"id":{"stepNo":"5","workdate":"20121012"},
"info":"2012-10-17 10:40:00:步骤三成功","result":"0","startTime":"2012-10-17 10:59:00","stepName":"step3"}
],
"totalCount":3}
最终,解决如下:
var gridStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: url.query
}),
reader: new Ext.data.JsonReader({
root: 'data',
totalProperty: 'totalCount',
idProperty:'workdate'+'stepNo' //最关键的一句话
}, [{
name: 'workdate',
mapping: 'id.workdate'
}, {
name: 'stepNo',
mapping: 'id.stepNo'
}, {
name: 'stepName',
mapping: 'stepName'
}, {
name: 'startTime',
mapping: 'startTime'
}, {
name: 'endTime',
mapping: 'endTime'
}, {
name: 'result',
mapping: 'result'
}, {
name: 'count',
mapping: 'count'
}, {
name: 'info',
mapping: 'info'
}])
});
分享到:
相关推荐
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
Ext的gridpanel控件二次加载时丢失解决方案
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
EXT GridPanel获取某一单元格的值
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
Ext.grid.GridPanel 删除线 放到example文件夹下运行
EXT实例GridPanel. 实现简单的。
NULL 博文链接:https://shenhaiquan.iteye.com/blog/1474328
ext.net gridpanel 弹出窗
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
Ext GridPanel加载完数据后进行操作,比如load数据之后选定某些行数据,下面有个示例,需要的朋友可以参考下
Ext.grid.ColumnModel显示不正常
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。
tapestry4.02中封装ext的GridPanel组件
NULL 博文链接:https://wv1124.iteye.com/blog/741559
EXT中三种方法实现在DataGrid上显示toolTip
Ext grid panel 滚动条位置不变,适用于实时数据的刷新
Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....
NULL 博文链接:https://aa00aa00.iteye.com/blog/564647