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

开发
今天瞎弄了很久的grid,看了很多网上的例子和教程,终于搞定了分页和返回的json数据中存在换行符的问题,希望大家一起研究下。

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. }); 

 

责任编辑:chenqingxiang 来源: 博客园
相关推荐

2010-01-07 15:52:23

JSON字符串

2010-01-08 10:24:38

转换JSON

2010-01-07 16:09:04

学习JSON

2010-01-08 15:37:59

JSON数据

2009-12-08 09:00:14

WCF线程

2010-01-05 17:06:46

JSON 数据

2014-09-16 09:57:56

INotifyProp

2009-12-11 10:49:04

Visual Stud

2009-12-28 09:26:09

ADO对象

2010-10-13 14:28:09

mysql日志文件

2009-12-08 17:34:25

WCF的配置

2010-01-08 13:54:17

JSON 性能

2010-01-05 16:12:55

Javascript匿

2010-01-05 16:48:16

JSON 字符串

2010-01-08 13:16:54

Json入门文档

2010-02-04 14:41:52

Android菜单类型

2010-02-22 16:26:21

Python编辑

2010-07-21 13:17:52

Perl文件读写

2009-12-07 18:06:46

WCF框架

2010-03-09 10:11:34

Linux挂载命令
点赞
收藏

51CTO技术栈公众号