Extjs data 类型 xmlStore xmlReader 数据类型的读取

最新推荐文章于 2012-12-17 09:15:22 发布

blueskydhy

最新推荐文章于 2012-12-17 09:15:22 发布

阅读量1.2k

点赞数

文章标签： extjs encoding url

本文链接：https://blog.csdn.net/blueskydhy/article/details/5869365

版权

本文介绍了如何使用ExtJS的xmlStore和xmlReader组件来读取XML格式的数据。通过示例展示了如何配置xmlReader以解析XML文件中的特定节点，以及xmlStore如何加载和展示数据。

摘要由CSDN通过智能技术生成

xmlReader 读取数据

xmlReader.js:

var _store = new Ext.data.Store({
  url:'xmlReader.xml',
  reader:new Ext.data.XmlReader({
   record:'row',
   fields:['name','sex','age','address']
  })
});
_store.load();

xmlReader.xml:

<?xml version="1.0" encoding="gbk"?>
<xml-body>
<root>
  <results>30</results>
  <row>
   <name>巴菲特1</name>
   <sex>男</sex>
   <age>60</age>
   <address>美国</address>
  </row>
  <row>
   <name>比尔盖茨2</name>
   <sex>男</sex>
   <age>50</age>
   <address>美国2</address>
  </row>
  <row>
   <name>唐骏3</name>
   <sex>男</sex>
   <age>50</age>
   <address>中国</address>
  </row>

</root>
</xml-body>

xmlStore:

xmlStore.js:

var _store = new Ext.data.XmlStore({
  url:'xmlStore.xml',
  record:'Item',
  totalRecords:'@TotalResults',
  fields:[
   {name:'Author',mapping:'ItemAttributes>Author'},
   'Title','Manufacture','ProductGroup','ASIN'
  ]
});

_store.load();

xmlStore.xml:

<?xml version="1.0" encoding="UTF-8"?>
<xml-body>
<Items>
  <request>
   <IsValid>True</IsValid>
   <ItemSearchRequest>
    <Author>Sidney Sheldon</Author>
    <SearchIndex>Books</SearchIndex>
   </ItemSearchRequest>
  </request>
  <TotalResults>203</TotalResults>

  <Item>
   <ASIN>1</ASIN>
   <DetailPageURL>
    http://www.amazon.com
   </DetailPageURL>
   <ItemAttributes>
    <Author>Sidney Sheldon</Author>
    <Manufacture>Warner Books</Manufacture>
    <ProductGroup>Book</ProductGroup>
    <Title>Master of the Game</Title>
   </ItemAttributes>
  </Item>

  <Item>
   <ASIN>2</ASIN>
   <DetailPageURL>
    http://www.amazon.com
   </DetailPageURL>
   <ItemAttributes>
    <Author>Sidney Sheldon</Author>
    <Manufacture>Warner Books</Manufacture>
    <ProductGroup>Book</ProductGroup>
    <Title>Master of the Game</Title>
   </ItemAttributes>
  </Item>



</Items>
</xml-body>