`
诸葛蛋疼
  • 浏览: 36906 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.data.JsonReader

阅读更多
   在JavaScript中,JSON是一种非常重要的数据格式,key:value的形式比XML那种复杂的标签结构更容易理解,代码量也更小,很多人倾向于使用它作为EXT的数据交换格式。



Ext.data.DataReader (meta, recordType) 
  meta:

  totalProperty:     json数据中,保存总记录数的属性

  successProperty:    json数据中,保存是否返回成功的属性名

  root:         json数据中,保存记录集的属性的属性名

  id:                   json数据中,记录中主键所对应的列的属性名



为Json- Reader准备的JSON数据如下面的代码所示:
        //JSON数据

        var json = { 'results': 2,

                     'rows': [

                                { 'id': 1, 'name': 'Bill', occupation: 'Gardener' },

                                { 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' }

                             ]

             }; 
  
与数组相比,JSON的最大优点就是支持分页,我们可以使用totalProperty参数表示数据的总量。
successProperty参数是可选的,可以用它判断当前请求是否执行成功,进而判断是否进行数据加载。
在不希望JsonReader处理响应数据时,可以把successProperty设置成false。
现在来讨论一下JsonReader,看看它是如何与上面的JSON数据对应的,如下面的代码所示:
    //JsonReader             var reader = new Ext.data.JsonReader(                 {                     totalProperty: "results",  //totalRecords属性由json.results得到                     successProperty: true,    //json数据中,保存是否返回成功的属性名                     root: "rows",            //构造元数据的数组由json.rows得到                     id: "id"                //id由json.id得到                 }, [                     { name: 'name', mapping: 'name' },                     { name: 'occupation'}            //如果name与mapping同名,可以省略mapping                 ]
             );
分享到:
评论

相关推荐

    Ext.data.Store的基本用法

    reader: new Ext.data.JsonReader({}, PersonRecord), remoteSort: true }); ``` 在这个例子中,当`store`加载数据时,会自动将`sort`和`dir`参数发送到服务器端。 #### 六、从store中获取数据 从`Ext.data....

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种,我只说下我遇到的 我这样 ... this.reader = new Ext.data.JsonReader( { totalProperty: ‘results’, root: ‘rows’, id:’docid’, fields: [‘docid’, ‘extention’,’docname’, ‘autho

    Ext.DataView 图片列表显示

    var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....

    EXT核心API详解

    33、Ext.data.JsonReader类 …………… 26 34、Ext.data.XmlReader类 …………… 27 35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 ...

    extJs 2.1学习笔记

    7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. Ext.Updater篇二 27 14. ...

    extjs帮助文档

    - `Ext.data.JsonReader.read(response, options)`:读取数据。 #### 三十四、Ext.data.XmlReader类(第27页) - **概述**:Ext.data.XmlReader类用于解析XML格式的数据。 - **常用方法**: - `new Ext.data....

    ExtJS入门教程(超级详细)

    33、Ext.data.JsonReader类 …………… 26 34、Ext.data.XmlReader类 …………… 27 35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 ...

    extjs帮助文档pdf版

    - `Ext.data.JsonReader.read(response)`: 读取JSON数据。 #### 34. Ext.data.XmlReader 类 (P.27) - **概述**:读取XML格式的数据。 - **常用方法**: - `Ext.data.XmlReader.read(response)`: 读取XML数据。 ##...

    extjs前台分页插件PagingStore!

    4. **配置Reader**:设置数据读取器(Reader),如`Ext.data.JsonReader`,定义如何解析服务器返回的JSON数据。 5. **绑定到GridPanel**:将PagingStore与GridPanel关联,GridPanel会根据PagingStore的数据自动渲染...

    精通JS脚本之ExtJS框架.part1.rar

    13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data.DwrProxy 13.7.2 Ext.data.DWRTreeLoader 13.7.4 Web服务端配置 13.7.5 服务层接口 第14章 ExtJS扩展 14.1 利用Ext...

    Ext 学习总结 pdf版

    - **Ext.data.JsonReader篇**:`Ext.data.JsonReader`是专门用于解析JSON数据的类,它能够将JSON字符串转换为JavaScript对象,便于进一步处理。 - **Ext.data.HttpProxy篇**:这部分介绍了`Ext.data.HttpProxy`,它...

    精通JS脚本之ExtJS框架.part2.rar

    13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data.DwrProxy 13.7.2 Ext.data.DWRTreeLoader 13.7.4 Web服务端配置 13.7.5 服务层接口 第14章 ExtJS扩展 14.1 利用Ext...

    ext学习资料ext学习资料

    reader: new Ext.data.JsonReader({totalProperty: 'totalProperty', root: 'root'}, ...) }); ``` 总结起来,Ext Js通过其丰富的组件库和数据绑定机制,极大地简化了前端开发,使得开发者可以高效地构建功能...

    Ext2 核心 API 中文详解

    reader: new Ext.data.JsonReader({ id: 'listId', fields: tx.data.List }) }); this.conn = tx.data.conn; // Ext.sql.Proxy for managing Sqlite persistence this.proxy = new Ext.sql.Proxy(tx.data....

    EXT核心API详解.doc

    29. **Ext.data.ArrayReader类**、**JsonReader类**和**XmlReader类**:不同数据格式(数组、JSON、XML)的特定数据读取器。 30. **Ext.data.Store类**:数据存储,管理数据集,与DataProxy和DataReader交互。 31....

    extJs+2.1学习笔记.pdf

    7. **Ext.data.JsonReader篇** JsonReader解析JSON格式的数据,将其转化为Store可用的记录集。理解JsonReader的配置项,如root、idProperty等,能确保数据正确地被Store接收和处理。 8. **Ext.data.HttpProxy篇** ...

Global site tag (gtag.js) - Google Analytics