在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 ]
);
分享到:
相关推荐
reader: new Ext.data.JsonReader({}, PersonRecord), remoteSort: true }); ``` 在这个例子中,当`store`加载数据时,会自动将`sort`和`dir`参数发送到服务器端。 #### 六、从store中获取数据 从`Ext.data....
关于这个原因有很多种,我只说下我遇到的 我这样 ... this.reader = new Ext.data.JsonReader( { totalProperty: ‘results’, root: ‘rows’, id:’docid’, fields: [‘docid’, ‘extention’,’docname’, ‘autho
var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....
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 ...
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.data.JsonReader.read(response, options)`:读取数据。 #### 三十四、Ext.data.XmlReader类(第27页) - **概述**:Ext.data.XmlReader类用于解析XML格式的数据。 - **常用方法**: - `new Ext.data....
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 ...
- `Ext.data.JsonReader.read(response)`: 读取JSON数据。 #### 34. Ext.data.XmlReader 类 (P.27) - **概述**:读取XML格式的数据。 - **常用方法**: - `Ext.data.XmlReader.read(response)`: 读取XML数据。 ##...
4. **配置Reader**:设置数据读取器(Reader),如`Ext.data.JsonReader`,定义如何解析服务器返回的JSON数据。 5. **绑定到GridPanel**:将PagingStore与GridPanel关联,GridPanel会根据PagingStore的数据自动渲染...
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.data.JsonReader篇**:`Ext.data.JsonReader`是专门用于解析JSON数据的类,它能够将JSON字符串转换为JavaScript对象,便于进一步处理。 - **Ext.data.HttpProxy篇**:这部分介绍了`Ext.data.HttpProxy`,它...
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...
reader: new Ext.data.JsonReader({totalProperty: 'totalProperty', root: 'root'}, ...) }); ``` 总结起来,Ext Js通过其丰富的组件库和数据绑定机制,极大地简化了前端开发,使得开发者可以高效地构建功能...
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....
29. **Ext.data.ArrayReader类**、**JsonReader类**和**XmlReader类**:不同数据格式(数组、JSON、XML)的特定数据读取器。 30. **Ext.data.Store类**:数据存储,管理数据集,与DataProxy和DataReader交互。 31....
7. **Ext.data.JsonReader篇** JsonReader解析JSON格式的数据,将其转化为Store可用的记录集。理解JsonReader的配置项,如root、idProperty等,能确保数据正确地被Store接收和处理。 8. **Ext.data.HttpProxy篇** ...