1.HtmlPage.htm
<script type="text/javascript">
Ext.onReady(function () {
var cm = new Ext.grid.ColumnModel([
{ header: "ID", width: 100, dataIndex: "ID" },
{ header: "名称", width: 100, dataIndex: "Name" }
]);
var proxy = new Ext.data.HttpProxy({
url: "PageData.aspx"
});
var Human = Ext.data.Record.create([
{ name: "ID", type: "int", mapping: "did" },
{ name: "Name", type: "string", mapping: "dname" }
]);
var reader = new Ext.data.JsonReader({
totalProperty: "totalProperty",
root: "root"
}, Human);
var store = new Ext.data.Store({
proxy: proxy,
reader: reader
});
store.load({ params: { start: 0, limit: 5} });
var grid = new Ext.grid.GridPanel({
title: "中国公民",
width: 450,
cm: cm,
store: store,
height: 350,
renderTo: Ext.getBody(),
bbar: new Ext.PagingToolbar({
store: store,
pageSize: 5,
displayInfo: true,
displayMsg: "本页显示第{0}条到第{1}条记录,一共{2}条",
emptyMsg: "没有记录"
})
});
});
</script>
2.PageData.aspx
//起始索引
int start = int.Parse(Request["start"]);
//页大小
int limit = int.Parse(Request["limit"]);
//总记录数
int count = 17;
StringBuilder sb = new StringBuilder();
sb.Append("{totalProperty:" + count + ",root:[");
int end = start + limit;
if (end > count) end = count; //若是数据库,本行要删除
for (int i = start; i < end;i++ )
{
sb.Append("{did:"+i+",dname:'部门"+i+"'}");
if(i<end-1)
{
sb.Append(",");
}
}
sb.Append("]}");
Response.Write(sb.ToString());
Response.End();
}
3.运行效果: