问题:在做一个项目时,后台通过json传入前台数据,但是后台打印的是三条数据,前台只显示一条数据。
json格式如下:
{"sqksm":[{"carbonLayerNum":1,"endArea":0,"endTime":"","id":0,"shiHouEndArea":0,"shiHouStartArea":0,"startArea":0,"start Time":"","treeId":32,"treeName":"黑松","tree_lm_ksm_rate":0},{"carbonLayerNum":2,"endArea":0,"endTime":"","id":0,"shiHouEn dArea":0,"shiHouStartArea":0,"startArea":0,"startTime":"","treeId":33,"treeName":"紫杉","tree_lm_ksm_rate":0},{"carbonLaye rNum":2,"endArea":0,"endTime":"","id":0,"shiHouEndArea":0,"shiHouStartArea":0,"startArea":0,"startTime":"","treeId":34," treeName":"铁杉","tree_lm_ksm_rate":0}],"total":3}
前台代码如下:
var jixian_kusismu_store = new Ext.data.JsonStore({ url:'listXiangMuShiQianKusiMu.do',/**请求用户数据库*/ totalProperty : 'total', root:'sqksm', fields : [/**用到的json域*/ { name : 'id' },{ name:'treeId' },{ name:'treeName' },{ name:'carbonLayerNum' },{ name:'startTime' },{ name:'endTime' },{ name: 'tree_lm_ksm_rate' },{ name:'startArea' },{ name:'endArea' } ] }); jixian_kusismu_store.load({ params : { start : 0, limit : 20 } });
细心的人可发现:传回的数据的json数据的id都是0,导致extjs无法找到主键,这是是extjs的一个bug。 在grid的getStore的load的回调函数中,用getCount到到的是一条数据。也就是服务端返回了多条数据,但是extjs只解释了一条数据,同样,extjs也不能解析符合主键。
解决方法:回传数据id为主键即可。
{"sqksm":[{"carbonLayerNum":1,"endArea":0,"endTime":"","id":12,"shiHouEndArea":0,"shiHouStartArea":0,"startArea":0,"star tTime":"","treeId":32,"treeName":"黑松","tree_lm_ksm_rate":0},{"carbonLayerNum":2,"endArea":0,"endTime":"","id":13,"shiHou EndArea":0,"shiHouStartArea":0,"startArea":0,"startTime":"","treeId":33,"treeName":"紫杉","tree_lm_ksm_rate":0},{"carbonLa yerNum":2,"endArea":0,"endTime":"","id":14,"shiHouEndArea":0,"shiHouStartArea":0,"startArea":0,"startTime":"","treeId":3 4,"treeName":"铁杉","tree_lm_ksm_rate":0}],"total":3}
相关推荐
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
通过Servlet让Extjs GridPanel 显示数据库数据
ExtJS的GridPanel导出excel文件,方便快捷易懂!
此文件用于项目首页内容,使用了ExtJs中的GridPanel
Extjs gridpanel 出现横向滚动条问题的解决方法,在gridpanel中加入以下代码即可。
一个关于GridPanel的使用例子 介绍了Proxy,JsonReader Store gridPanel等几个对象的简单使用
NULL 博文链接:https://topbox163.iteye.com/blog/1276463
NULL 博文链接:https://xiaohewoai.iteye.com/blog/409898
Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
EXTJS.GRIDPANEL中日期格式 设置
Extjs2.02 Gridpanel加载本地数组资源的实例,思路相当清晰。对初学者很有用
在使用extjs gridpanel时,当将数据载入时,grid中的数据并没有显示出来。
主要介绍了Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法,需要的朋友可以参考下
extjs 进度条的显示
主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
ExtJs GridPanel中实现增删改效果的代码,需要的朋友可以参考下。
NULL 博文链接:https://aa00aa00.iteye.com/blog/564647
ExtJS下GridPanel 根据条件改变字体颜色的实现代码。