`
13594135
  • 浏览: 193469 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext.data.JsonReader的fields属性详解(转)

    博客分类:
  • Web
阅读更多
以下是部分代码。。主要说明的是convert和dateFamat函数

reader : new Ext.data.JsonReader({
      root: "kcInfoList",
      fields: [
       {name: "id"},
       {name: "contract", mapping:'contract.id'},
       {name: "summary", mapping:'summary'},
       {name: "startDate", type: 'date',dateFormat: 'Y-m-d\\TH:i:s'},
       {name: "endDate", type: 'date',dateFormat: 'Y-m-d\\TH:i:s'},
       {name: "supplierLinkman"},
       {name: "checker", mapping:'checker', convert:function(v){
         if(v)
          return v.id;
         else
          return "";
        }
       },
       {name: "executiveStatus", mapping:'executiveStatus', convert:function(v){
         if(v)
          return v.id;
         else
          return "";
        }
       },
       {name: "isMeet"},
       {name: "description"},
       {name: "noMeetContents"},
       {name: "noMeetReason"}
      ]
     }),



从上面的例子可以看出

创建包含指定字段结构的继承自Ext.data.Record的类。静态方法。

参数:
  o : Array
    一个定义记录结构的字段信息数组。每个数组元素包含name,其他可选的有:mapping、type。通过它们,可以让Ext.data.Reader从一个数据对象中获取各字段的值。每个字段定义对象都可能包含如下属性:

     name : String
     在记录中标志一个字段的名字。它通常用于引用指定字段,例如,在定义Ext.grid.ColumnModel的dataIndex属性时,要传过去的。
     
     mapping : String
     当在Ext.data.Reader中创建记录时,如何将json对象中指定属性值映射到此字段。

     type : String
     字段的类型,可能值为:
       auto(默认值,没有任何转化)、string、int、float、boolean、date
         
            sortType : Mixed
     Ext.data.SortTypes中的一个成员。

     sortDir : String
     排序方式,"ASC"或者"DESC"。

     convert : Function
     如果要对这个字段的值进行一些物殊处理,这时需要一个能定制的回调,用它来手工处理值。它的参数如下:
        v : Mixed
        通过mapping映射找到的值。已从json中取出来的。
        rec : Mixed
        在json中的,对应于此记录的json对象。

     dateFormat : String
     用于Date.parseDate函数的格式化字符串。

     defaultValue : Mixed
     当字段值在原数据中不存在时所取的默认值,默认为空字符串。


当然上面的代码还可以用另外的形式来表达,如:

   var contentNode = new Ext.data.Record.create([
       {name: 'projectId', type: 'int'},
            {name: 'project', type: 'string'},
            {name: 'taskId', type: 'int'},
            {name: 'description', type: 'string'},
            {name: 'estimate', type: 'float'},
            {name: 'rate', type: 'float'},
            {name: 'cost', type: 'float'},
            {name: 'due', type: 'date', dateFormat:'m/d/Y'}
    ]);
var reader = new Ext.data.JsonReader({root:'data',id:'taskId'},contentNode);


分享到:
评论

相关推荐

    Ext.data.Store的基本用法

    ### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...

    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. ...

    EXT核心API详解.doc

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

    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数据。 ##...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    在描述中的`var ds = Ext.data.JsonStore({url: 'xxx.jsp',root: 'root',fields: ['id','name','descn']});`中,创建了一个JsonStore实例,ds,用于从'xxx.jsp'获取JSON格式的数据。JsonStore是Store的一种特殊类型...

    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....

    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...

    精通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 学习总结 pdf版

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

    Ext与后台数据库交互

    该模块下包括了多个子类,例如`Ext.data.Store`、`Ext.data.DataProxy`以及`Ext.data.DataReader`等,这些子类共同协作完成数据的加载、解析和管理等功能。 ##### 1.2 Ext.data.Store `Ext.data.Store`是Ext框架中...

Global site tag (gtag.js) - Google Analytics