Question

你好,请教一个问题,关于extjs 4的.

Ext.onReady(function () {
var myData = [
['zhangsan', '123', '张三', '普通用户'],
['zhaoliu', '789', '赵六', '管理员']
];

var store = Ext.create('Ext.data.ArrayStore', {
fields: [
{ name: 'LoginName' },
{ name: 'LoginPwd' },
{ name: 'RealName' },
{ name: 'RoleName' }
],
data: myData
});

var grid = Ext.create('Ext.grid.Panel', {
store: store,
stateful: true,
columns: [
{
text: '<center>用户名</center>',
sortable: false,
dataIndex: 'LoginName'
},
{
text: '<center>密码</center>',
sortable: true,
dataIndex: 'LoginPwd'
},
{
text: '<center>真实姓名</center>',
sortable: true,
dataIndex: 'RealName'
},
{
text: '<center>角色</center>',
sortable: true,
dataIndex: 'RoleName'
}
],
height: 300,
width: 500,
title: '<center>用户信息表</center>',
renderTo: Ext.getBody()
});
})

上面的一段代码可产生一个表格显示上面myData中的数据,假设我现在已经能从后台得到正确的Json字符串格式如下 {"LoginName":"zhangsan","LoginPwd":"123","RoleName":"管理员","RealName":"张三"} 这里只是其中的一条,我能得到一个集合转换过来的多条数据转换成的json字符串,现在我要把Json显示到表格中我代码要怎么写啊.

Answer 1

应当显式定义reader
var myStore = Ext.create("Ext.data.Store", {
model: 'UserInfo',
proxy: {
type: 'ajax',
url: 'JsonDemo.aspx',
reader: {type: 'json'}
},
autoLoad: true
});

{"LoginName":"zhangsan","LoginPwd":"123","RoleName":"管理员","RealName":"张三"}
这样的数据是这个store是解析不了的所以一直加载中.

如果reader中未定义root, 则返回json串应该是数组形式
[{"LoginName":"zhangsan","LoginPwd":"123","RoleName":"管理员","RealName":"张三"} ]

一般情况下, 除了传递数据外, 还要传递一些其他信息, 比如请求是否成功, 错误信息等等, 所以要定义root, 像这样
reader: {type: 'json', root: 'data'}
则json串应该是这样
{"success": true, "code": 1, "msg": "", "data":[{"LoginName":"zhangsan","LoginPwd":"123","RoleName":"管理员","RealName":"张三"} ]}

其实ext的demo&sample 和 ApiDoc 做的都非常好, 多看看, 比什么乱七八糟的教材都有用的多

Answer 2

很简单，用JsonStore,url属性设置为请求地址，从后台得到正确的Json字符串!
因为后台的数据格式多种多样，所以store也有多个！要区分开来！希望对你有用！

追问

var myStore = Ext.create("Ext.data.Store", {
model: 'UserInfo',
proxy: {
type: 'ajax',
url: 'JsonDemo.aspx'
},
autoLoad: true
});
我写了这么一段代码,应该没有问题的,我看到json已经请求成功了,但是浏览时候在表格里一直是加载中 . . .状态,不显示如何解决

追答

你在火狐地下用firebug看一下，返回的数据是什么！请求成功了，未必返回数据到前台了！
把代码贴全了我给你看看