讀者詳細(xì)說(shuō)明JSON 的使用與維護(hù)工作
JSON 的使用非常容易。我們需要做的僅僅是發(fā)送一個(gè) Ajax 請(qǐng)求,然后將服務(wù)器返回的 JSON 數(shù)據(jù)賦值給一個(gè)變量即可。有許多 Ajax 框架早已包含了處理 JSON 數(shù)據(jù)的能力。。
剛開(kāi)始參照網(wǎng)上的例子怎么弄都不能分頁(yè),經(jīng)過(guò)調(diào)試發(fā)現(xiàn)ds.load({params:{start:0,limit:10}});這句話(huà)中的參數(shù)在后臺(tái)用Request.QueryString["start"]這種方式獲取不到數(shù)據(jù),困了我好久,一直以為問(wèn)題在前臺(tái),***發(fā)現(xiàn)問(wèn)題是后臺(tái)獲取參數(shù)的方式有問(wèn)題,用Request.Params["start"]就OK了 。下面是辛苦了很久的東東,僅供參考 。
- Ext.onReady(function (){
- Ext.QuickTips.init();
- var sm = new Ext.grid.CheckboxSelectionModel();
- var cm = new Ext.grid.ColumnModel([
- new Ext.grid.RowNumberer(),
- sm,
- {header:'id',dataIndex:'id',align:'center',width:200},
- {header:'subject',dataIndex:'subject',width:500},
- {header:'attributeID',dataIndex:'attributeID',align:'center',width:200}
- ]);
- cm.defaultSortable = true;
- var ds=new Ext.data.Store({
- proxy: new Ext.data.HttpProxy({url:'ajax/stgldata.aspx'}),
- reader: new Ext.data.JsonReader({
- root: 'data',
- totalProperty:'totalCount'
- },[ 'id','subject','attributeID']
- )
- });
- ds.load({params:{start:0,limit:25}});
- var grid = new Ext.grid.GridPanel({
- el: 'content',
- ds: ds,
- cm:cm,
- height:500,
- title: 'asp.net Json',
- bbar: new Ext.PagingToolbar({
- pageSize: 25,
- store: ds,
- displayInfo: true,
- displayMsg: '顯示第 {0} 條到 {1} 條記錄,一共 {2} 條',
- emptyMsg: "沒(méi)有記錄"
- })
- });
- grid.render();
- });