玩转extjs5之Ext.data.JsonStore与Ext.data.XmlStore(五)

前端之家收集整理的这篇文章主要介绍了玩转extjs5之Ext.data.JsonStore与Ext.data.XmlStore(五)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、Ext.data.JsonStore

方便从JSON数据创建Ext.data.Store的小巧的帮助类。 JsonStore将自动配置一个Ext.data.reader.Json,例如:

  1. var store = new Ext.data.JsonStore({
  2. // store configs
  3. autoDestroy: true,storeId: 'myStore',proxy: {
  4. type: 'ajax',url: 'get-images.PHP',reader: {
  5. type: 'json',root: 'images',idProperty: 'name'
  6. }
  7. },//另外,可以配Ext.data.Model的名称(如 Ext.data.Store 中的例子)
  8. fields: ['name','url',{name:'size',type: 'float'},{name:'lastmod',type:'date'}]
  9. });

这个store采用一个返回的对象来配置:
  1. {
  2. images: [
  3. {name: 'Image one',url:'/GetImage.PHP?id=1',size:46.5,lastmod: new Date(2007,10,29)},{name: 'Image Two',url:'/GetImage.PHP?id=2',size:43.2,30)}
  4. ]
  5. }

二、Ext.data.XmlStore

一个小巧的帮助类,用于更方便的从一个XML的数据来创建Ext.data.Store。 XmlStore将自动配置一个Ext.data.reader.Xml。例如:

  1. var store = new Ext.data.XmlStore({
  2. // store configs
  3. autoDestroy: true,url: 'sheldon.xml',// 自动配置一个HttpProxy
  4. // reader configs
  5. record: 'Item',// 数据将有一个"Item"标签
  6. idPath: 'ASIN',totalRecords: '@TotalResults'
  7. fields: [
  8. // 设置field和xml数据的映射
  9. // 第一个需要映射,其他的都很基本
  10. {name: 'Author',mapping: 'ItemAttributes > Author'},'Title','Manufacturer','ProductGroup'
  11. ]
  12. });

这个store采用一个返回的对象来配置:
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <ItemSearchResponse xmlns="http://webservices.amazon.com/AWSECommerceService/2009-05-15">
  3. <Items>
  4. <Request>
  5. <IsValid>True</IsValid>
  6. <ItemSearchRequest>
  7. <Author>Sidney Sheldon</Author>
  8. <SearchIndex>Books</SearchIndex>
  9. </ItemSearchRequest>
  10. </Request>
  11. <TotalResults>203</TotalResults>
  12. <TotalPages>21</TotalPages>
  13. <Item>
  14. <ASIN>0446355453</ASIN>
  15. <DetailPageURL>
  16. http://www.amazon.com/
  17. </DetailPageURL>
  18. <ItemAttributes>
  19. <Author>Sidney Sheldon</Author>
  20. <Manufacturer>Warner Books</Manufacturer>
  21. <ProductGroup>Book</ProductGroup>
  22. <Title>Master of the Game</Title>
  23. </ItemAttributes>
  24. </Item>
  25. </Items>
  26. </ItemSearchResponse>

猜你在找的Json相关文章