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();
});
<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();
});
相关文章推荐
- Ext.data.Store 读取XML属性值
- Ext.data.XmlReader读取外部文件时提示拒绝访问
- Extjs4.2 grid datastore读取xml和json
- 玩转extjs5之Ext.data.JsonStore与Ext.data.XmlStore(五)
- 关于从不同的URL获取JSON数据时Ext.data.Store反映迟缓问题的解决
- Ext.data.Store的基本用法
- android 读取 AndroidManifest.xml 中的数据:版本号、应用名称、自定义K-V数据(meta-data)
- Ext.data.Store
- Ext.data.Store 详解
- C# 读取xml中特定节点的属性值 xmldocument方式 【有些乱,但有思路】
- Ext.data.store详解一
- C# 读取xml中特定节点的属性值 xmldocument方式
- Ext.data.Store添加动态参数
- Ext JS中Ext.grid.Panel或Ext.data.Store中遮罩效果去除
- 继承Ext.data.Store
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- Ext.data.Store详解(超级好用)
- 访问Ext.data.store的数据
- 【转】Ext.data.Store
- Ext.data.Store load 后触发事件