<Items>
<Item>
<ASIN>12</ASIN>
<Author>liuli</Author>
<Manufacthurer>Warner Books</Manufacthrer>
<ProductGroup>Book</ProductGroup>
<Title>Master of the Game</Title>
</Item>
<Item>
<ASIN>14</ASIN>
<Author>liujia</Author>
<Manufacthurer>Warner Books</Manufacthrer>
<ProductGroup>Book</ProductGroup>
<TitleAre You Afraid of the Dark?</Title>
</Item>
</Items>
JS代碼
Ext.onReadey(function(){
var record =new Ext.data.Record.create([
'Author','Title','Manufacturer','ProductGroup'
]);
var store=new Ext.data.Store({
url:'data.xml',
reader:new Ext.data.XmlReader({
record:'Item',//重複元素,它包含記錄信息
id:'ASIN',// / /該元素的元素,它包含的記錄,提供了一個ID 記錄(可選)
totalRecords:'@total'// /返回的記錄數(可選
},record);
});
var grid=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}
],
sm:new Ext.grid.RowSelectionModel({singleSelect:true}),
viewConfig:{
forceFit:true
},
height:210;
split :true,
region :'north'
});
var ct =new Ext.Panel({
renderTo: 'div1', //div1是id
frame:true,
title :'BookList',
width :540,
height:400;
layout:'border',
items:[gird]
});
store.load();
});