ext--grid的使用

Ext.data.XmlReader

Ext.onReady(function(){
 var store = new Ext.data.Store({
  url:'sheldon.xml',//XML文件路径
  reader: new Ext.data.XmlReader({//从XML中读取数据
   record: 'Item',//读取XML中的节点，Item是节点
   id:'ASIN',
   totalRecords:'@total'
  },[
   {name:'Author',mapping:'ItemAttributes > Author'},
   'Title','Manufacturer','ProductGroup'
  ])
 });
//创建一个gird面板
 var gird = new Ext.grid.GridPanel({
  store:store,//数据来源
  columns:[//列
   {header: "Author", width: 120, dataIndex: 'Author', sortable: true},
            {header: "Title", width: 180, dataIndex: 'Title', sortable: true},
            {header: "Manufacturer", width: 115, dataIndex: 'Manufacturer', sortable: true},
            {header: "Product Group", width: 100, dataIndex: 'ProductGroup', sortable: true}
  ],
  renderTo:'example-grid',//对应HTML中<div id="example-grid"></div>
  width:540,//宽度
  height:200//高度
 });

 store.load();//加载
});