Question

如何用JSON字符串生成ext.gridpanel

如果已知一个JS字符串
var jtes = '{ "results": 2, "rows":[{"id":1, "city": "suzhou", "areacode": "0512", "perincome": "2500" },{"id":2, "city": "nanjing", "areacode": "025", "perincome": "2200" }]}';
请问一下如何把这个字符串加载到Ext.data.JsonStore中并生成Ext.grid.GridPanel?

Answer 1

var store= new Ext.data.Store( {
url : "",
reader : new Ext.data.JsonReader(
{totalProperty : 'results',root : 'rows'},
[{name : 'id',type : 'string'},
{name : 'city',type : 'string'},
{name : 'areacode',type : 'string'},
{name : 'perincome',type : 'string'}
])
});
var cm= new Ext.grid.ColumnModel({header : '编号',width : 120, dataIndex : 'id'},..........)
var grid=new Ext.grid.GridPanel({
region : 'center',
store:store,
cm : cm,
sm : new Ext.grid.RowSelectionModel({singleSelect : true}),
loadMask : {msg : '数据加载中...'},
viewConfig : {
forceFit : true
},
bbar : new Ext.PagingToolbar({
pageSize : 32,
store : store,
displayInfo : true,
displayMsg : '第 {0} - {1} 条 共 {2} 条',
emptyMsg : "没有记录"
})
});

追问

这个我没看到在哪里引用了题目中的jtes变量，我把你的代码贴进后运行得到的是一张只有表头没有数据的空表，我是EXT新手，不是太清楚怎么回事，如果要能显示上面jtes里的两条数据，应该怎么做？

追答

你是不是用的struts2？
store里有个路径 就是与后台进行连接的

追问

我是用的struts2，不过我用网上的那个url的方法一直没有能够成功，最后才用的ACTION返回JSON字符串赋给JS变量，结果用jsonstore又一直不能成功，搞了几天都没搞出来，现在就想知道怎么用jsonstore读js变量里的json字符串

追答

page

这是配置文件
这是方法体
page=service.find(page);
return success;

Answer 2

var store= new Ext.data.JsonStore( {
fields:['id','city','arearcode','perincome']
data:jtes
});