extjs grid 读取本地json,能显示表格，但是数据没加载出来？？
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="content-type"content...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html" charset = gb2312 />
<title>布局</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
</head>
<body>
<div id="grid"></div>
</body>
<script type="text/javascript">
Ext.onReady(function(){
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
sm,
{
header : '订单编号',
dataIndex : 'orderNo'
},{
header : '订单价格',
dataIndex : 'price'
},{
header : '创建日期',
dataIndex : 'createDate',
width : 200
}]);
var store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'info.json'
}),
reader : new Ext.data.JsonReader({
root : 'root',
totalProperty : 'totalProperty',
fields:['orderNo','price','createDate']
})
});
var grid = new Ext.grid.GridPanel({
renderTo : 'grid',
store : store,
cm : cm,
sm : sm,
loadMask : true,
width : 600,
height : 300
});
store.load();
});
</script>
</html>
json文件和这个html文件放在同一个目录下，现在的情况就是表格出来了，但是数据没有加载出来，求问一下，什么问题呢？ 展开
<head>
<meta http-equiv="content-type" content="text/html" charset = gb2312 />
<title>布局</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
</head>
<body>
<div id="grid"></div>
</body>
<script type="text/javascript">
Ext.onReady(function(){
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
sm,
{
header : '订单编号',
dataIndex : 'orderNo'
},{
header : '订单价格',
dataIndex : 'price'
},{
header : '创建日期',
dataIndex : 'createDate',
width : 200
}]);
var store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'info.json'
}),
reader : new Ext.data.JsonReader({
root : 'root',
totalProperty : 'totalProperty',
fields:['orderNo','price','createDate']
})
});
var grid = new Ext.grid.GridPanel({
renderTo : 'grid',
store : store,
cm : cm,
sm : sm,
loadMask : true,
width : 600,
height : 300
});
store.load();
});
</script>
</html>
json文件和这个html文件放在同一个目录下，现在的情况就是表格出来了，但是数据没有加载出来，求问一下，什么问题呢？ 展开
1个回答
展开全部
//store的定义问题
store = Ext.create("Ext.data.Store", {
//要定义和json数据字段对应的field
fields:[ "orderNo", "createDate"]
});
//column里面的dataindex对应的是store的field，你没定义他当然出不来，只晓得有多少条数据
追问
我store里面有jsonReader，这里面定义了fields啊，不是这样的么？
追答
呃，你把field放到外面来试试呢，我从没把field写到reader里面过。。。
你的json结构是什么样的呢，根据你的代码，正确的结果应该是
{
root:[{//数据1},{//数据2},{//数据3}],
totalProperty:30
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
