Ext.data.Store 读取XML属性值

来源:互联网 发布:java语言入门视频 编辑:程序博客网 时间:2024/04/29 17:10
<?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();
});

原创粉丝点击