收藏本站 收藏本站
积木网首页 - 软件测试 - 常用手册 - 站长工具 - 技术社区
积木学院 > 网页设计 > XML > 正文

读者详细说明JSON 的使用与维护工作

来源:互联网 日期:2013-05-03 11:30

JSON 的使用非常容易。我们需要做的仅仅是发送一个 Ajax 请求,然后将服务器返回的 JSON 数据赋值给一个变量即可。有许多 Ajax 框架早已包含了处理 JSON 数据的能力。。

刚开始参照网上的例子怎么弄都不能分页,经过调试发现ds.load({params:{start:0,limit:10}});这句话中的参数在后台用Request.QueryString["start"]这种方式获取不到数据,困了我好久,一直以为问题在前台,最后发现问题是后台获取参数的方式有问题,用Request.Params["start"]就OK了 。下面是辛苦了很久的东东,仅供参考 。

  1. Ext.onReady(function (){  
  2.     Ext.QuickTips.init();  
  3.     var sm = new Ext.grid.CheckboxSelectionModel();  
  4.     var cm = new Ext.grid.ColumnModel([  
  5.         new Ext.grid.RowNumberer(),  
  6.         sm,  
  7.         {header:'id',dataIndex:'id',align:'center',width:200},  
  8.         {header:'subject',dataIndex:'subject',width:500},  
  9.         {header:'attributeID',dataIndex:'attributeID',align:'center',width:200}  
  10.     ]);  
  11.     cm.defaultSortable = true;  
  12.  
  13.     var ds=new Ext.data.Store({  
  14.                     proxy: new Ext.data.HttpProxy({url:'ajax/stgldata.aspx'}),  
  15.                     reader: new Ext.data.JsonReader({  
  16.                         root: 'data',  
  17.                         totalProperty:'totalCount'  
  18.                    },[ 'id','subject','attributeID']  
  19.             )   
  20.     });  
  21.     ds.load({params:{start:0,limit:25}});  
  22.  
  23.     var grid = new Ext.grid.GridPanel({  
  24.         el: 'content',  
  25.         ds: ds,  
  26.         cm:cm,  
  27.         height:500,  
  28.         title: 'asp.net Json',  
  29.         bbar: new Ext.PagingToolbar({  
  30.             pageSize: 25,  
  31.             store: ds,  
  32.             displayInfo: true,  
  33.             displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',  
  34.             emptyMsg: "没有记录"  
  35.         })  
  36.     });  
  37.       
  38.     grid.render();  
  39.       
  40. }); 

 


推荐阅读

 

热点信息

 
强悍的草根IT技术社区,这里应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP备05050695号