.net extjs3.2(new Ext.data.JsonStore)数据出错
.net extjs3.2(new Ext.data.JsonStore)数据报错
后台代码:
怎么都显示出不来数据(还报错:数据错误), 关键是不会 extjs
------解决思路----------------------
使用firebug调试下!
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
</title>
<link href="/css/main.css" rel="stylesheet" />
<script src="/Scripts/jquery-1.8.2.min.js"></script>
<link href="/Scripts/extjs/ext3/resources/css/ext-all.css" rel="stylesheet" />
<link href="/Scripts/extjs/ext3/resources/css/ext-patch.css" rel="stylesheet" />
<link href="/Scripts/extjs/css/admin.css" rel="stylesheet" />
<script src="/Scripts/extjs/ext3/adapter/ext/ext-base.js"></script>
<script src="/Scripts/extjs/ext3/ext-all.js"></script>
<script src="/Scripts/extjs/ext3/ext-lang-zh_CN.js"></script>
<script>
Ext.BLANK_IMAGE_URL = "/Scripts/extjs/ext3/resources/images/default/s.gif";
Ext.Ajax.timeout = 3600000; //一小时超时
var localObj = window.location;
var contextPath = localObj.pathname.split("/")[1];
var basePath = localObj.protocol + "//" + localObj.host + "/" + contextPath;
</script>
<script>
Ext.onReady(function () {
//创建一个数据源来查询功能信息
var ds = new Ext.data.JsonStore({
autoLoad: true,
baseParams: { start: 1, limit: 15 },
root: 'datas',
totalProperty: 'totalCount',
proxy: new Ext.data.HttpProxy({
url: 'ViewBussiness/AjaxDone/UserDone.aspx',//请求的url地址
method: 'POST'
}),
fields: ['MENU_ID', 'PARENT_ID', 'XH'],
listeners: {
exception: function () {
Ext.Msg.alert("错误", "数据加载出错!");
}
}
});
//定义一个列表显示查询出的数据
var queryList = new Ext.grid.GridPanel({
id: 'pgrid',
title: '功能菜单',
region: 'center',
store: ds,
selectedRowNumber: 0,
stripeRows: true,
border: false,
enableColumnMove: false,
enableHdMenu: true,
loadMask: { msg: '正在查询数据,请稍候......' },
viewConfig: {
//True表示为自动展开/缩小列的宽度以适应grid的宽度,这样就不会出现水平的滚动条
forceFit: true,
scrollOffset: 0
},
cm: new Ext.grid.ColumnModel({// table框中表格
columns: [
{ header: "", dataIndex: "MENU_ID", hidden: true },
{ header: "", dataIndex: "PARENT_ID", hidden: true },
{ header: '序号', dataIndex: "XH", align: 'center', width: 30, sortable: true },
],
defaultSortable: false
}),
bbar: [new Ext.PagingToolbar({
store: ds,
pageSize: 15,
displayInfo: true,
emptyMsg: '未查询到记录',
doLoad: function (start) {
record_start = start;
var o = {}, pn = this.getParams();
o[pn.start] = start;
o[pn.limit] = this.pageSize;
this.store.load({ params: o });
}
})]
});
// 页面布局
var nsrLayout = new Ext.Viewport({
layout: 'border',
border: false,
items: [{
region: 'center',
border: false,
layout: 'border',
items: [queryList]
}]
});
});
</script>
</head>
<body>
</body>
</html>
后台代码:
protected void Page_Load(object sender, EventArgs e)
{
string txt = "{\"totalCount\":\"10\",\"datas\":[{\"MENU_ID\":\"c82\",\"PARENT_ID\":\"b\",\"XH\":\"0\"}]}";
Response.Write(txt);
}
怎么都显示出不来数据(还报错:数据错误), 关键是不会 extjs
------解决思路----------------------
使用firebug调试下!