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

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

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

刚开始参照网上的例子怎么弄都不能分页,经过调试发现ds.load({params:{start:0,limit:10}});这句话中的参数在后台用Request.QueryString["start"]这种方式获取不到数据,困了我好久,一直以为问题在前台,***发现问题是后台获取参数的方式有问题,用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: "没有记录"  
        })  
    });  
      
    grid.render();  
      
}); 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.

 

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

2010-01-07 15:52:23

JSON字符串

2010-01-08 10:24:38

转换JSON

2010-01-08 15:37:59

JSON数据

2010-01-07 16:09:04

学习JSON

2009-12-08 09:00:14

WCF线程

2010-01-05 17:06:46

JSON 数据

2014-09-16 09:57:56

INotifyProp

2009-12-28 09:26:09

ADO对象

2009-12-11 10:49:04

Visual Stud

2010-01-05 16:12:55

Javascript匿

2009-12-08 17:34:25

WCF的配置

2010-10-13 14:28:09

mysql日志文件

2010-01-05 16:48:16

JSON 字符串

2010-01-08 13:16:54

Json入门文档

2010-07-21 13:17:52

Perl文件读写

2010-02-22 17:54:07

Python工具

2009-12-07 18:06:46

WCF框架

2010-03-09 10:11:34

Linux挂载命令

2010-01-08 13:54:17

JSON 性能

2010-02-22 16:26:21

Python编辑
点赞
收藏

51CTO技术栈公众号