您的位置:首页 > 其它

Ext.data.Store 读取XML属性值

2013-11-08 09:43 330 查看
<?xml version="1.0" encoding="UTF-8"?>

<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();

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: