新手求教Extjs Grid 读取本地json文件的问题
extjs吧
全部回复
仅看楼主
level 1
思不语丶 楼主
html页面是:
<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文件在同一目录下:
{totalProperty:10000,
root: [
{
*orderNo*: *0001*,
*price*: 2000,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0002*,
*price*: 200,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0003*,
*price*: 3000,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0004*,
*price*: 50,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0005*,
*price*: 30,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0006*,
*price*: 3000,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0007*,
*price*: 34,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0008*,
*price*: 57,
*createDate*: *2000-01-01*
},
{
*orderNo*: *0009*,
*price*: 300,
*createDate*: *2000-01-05*
},
{
*orderNo*: *0010*,
*price*: 80,
*createDate*: *2000-01-05*
},
{
*orderNo*: *0011*,
*price*: 90,
*createDate*: *2000-01-05*
},
{
*orderNo*: *0011*,
*price*: 3090,
*createDate*: *2000-01-05*
}
]
}
我现在页面上能出现grid,但是没有数据加载出来,求大神指教一下!!!!!!
2014年08月29日 08点08分 1
level 1
你好,请问你的问题解决了吗?我跟你一样也是没显示出来数据
2016年10月15日 02点10分 2
1