`
kejiangwei
  • 浏览: 9406 次
  • 性别: Icon_minigender_1
  • 来自: 福建
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ext.data.Store 读取XML属性值

阅读更多
data.xml
<?xml version="1.0" encoding="UTF-8"?>
<Items>
	<Item ASIN="0446355453" 
		Author="Sidney Sheldon" 
		Manufacturer="Warner Books" 
		ProductGroup="Book" 
		Title="Master of the Game"/>
		
	<Item ASIN="0446613657" 
		Author="Sidney Sheldon" 
		Manufacturer="Warner Books" 
		ProductGroup="Book" 
		Title="Are You Afraid of the Dark?"/>
		
	<Item ASIN="0446357421" 
		Author="Sidney Sheldon" 
		Manufacturer="Warner Books" 
		ProductGroup="Book" 
		Title="If Tomorrow Comes"/>
		
	<Item ASIN="0446607207" 
		Author="Sidney Sheldon" 
		Manufacturer="Warner Books" 
		ProductGroup="Book" 
		Title="Tell Me Your Dreams"/>
		
	<Item ASIN="0446357448" 
		Author="Sidney Sheldon" 
		Manufacturer="Warner Books" 
		ProductGroup="Book" 
		Title="Bloodline"/>
</Items>

TestGrid.js
/**
 * Ext.data.Store 读取XML属性值
 * @author KJW
 * @param {} config
 */
TestGrid = function(config) {
	config = config || {};
	
	this.cm = new Ext.grid.ColumnModel([
		{header : 'Author', 		dataIndex: 'Author'},
		{header : 'Manufacturer', 	dataIndex: 'Manufacturer'},
		{header : 'ProductGroup', 	dataIndex: 'ProductGroup'},
		{header : 'Title', 			dataIndex: 'Title'}
	]);
	
	this.store = new Ext.data.Store({
		url		: 'data.xml',
		reader	: new Ext.data.XmlReader({
			record	: 'Item',
			id		: '@ASIN',
			totalRecords: '@total'
		}, [
			{name: 'Author', 		mapping: '@Author'},
			{name: 'Manufacturer', 	mapping: '@Manufacturer'},
			{name: 'ProductGroup', 	mapping: '@ProductGroup'},
			{name: 'Title', 		mapping: '@Title'}
		])
	});
	
	this.store.load();
	
	Ext.applyIf(config, {
		title	: 'TestGrid',
		width 	: 500,
		height	: 250,
		frame	: true
	});
	
	TestGrid.superclass.constructor.call(this, config);
}
Ext.extend(TestGrid, Ext.grid.GridPanel, {});

Ext.onReady(function() {	
	var testGrid = new TestGrid();
	testGrid.render("div_main");	
});
分享到:
评论

相关推荐

    extjs实例~~~

    `Ext.data.Store 读取XML属性值.txt`可能介绍了如何从XML文件中提取数据并填充到Store中,以便在GridPanel或其他组件中使用。 3. **JsonStore**: JsonStore 是基于EXTJS的Store的一个子类,专为处理JSON格式数据...

    extjs帮助文档

    - `new Ext.data.XmlReader(readerConfig, recordType)`:创建一个新的XML读取器实例。 - `Ext.data.XmlReader.read(response, options)`:读取数据。 #### 三十五、Ext.data.Store类(第28页) - **概述**:Ext....

    Ext Js权威指南(.zip.001

    6.1.5 css属性值选择符 / 234 6.1.6 伪类选择符 / 235 6.1.7 扩展选择器 / 248 6.1.8 ext.domquery的使用方法 / 249 6.1.9 ext js选择器的总结 / 252 6.2 获取单一元素:ext.dom.element / 252 6.2.1 从错误...

    extjs帮助文档pdf版

    - `Ext.data.XmlReader.read(response)`: 读取XML数据。 #### 35. Ext.data.Store 类 (P.28) - **概述**:用于存储和管理数据集。 - **常用方法**: - `Ext.data.Store.load(params, callback, scope)`: 加载数据...

    精通JS脚本之ExtJS框架.part1.rar

    12.1.3 Ext.Ajax.request提交XML数据 12.2 Ext.Updater基础 12.2.1 Ext.Updater.update方法 12.2.2 Ext.Updater.update操作示例 12.3 利用Ajax优化Web应用框架 12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 ...

    精通JS脚本之ExtJS框架.part2.rar

    12.1.3 Ext.Ajax.request提交XML数据 12.2 Ext.Updater基础 12.2.1 Ext.Updater.update方法 12.2.2 Ext.Updater.update操作示例 12.3 利用Ajax优化Web应用框架 12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 ...

    ext读取两种结构的xml的代码

    在Ext JS中,XML数据的读取通常通过`Ext.data.XmlReader`类来实现,它是一个数据读取器,能够将XML数据转换为JavaScript对象,这些对象可以被Ext的数据存储(如`Ext.data.Store`)进一步处理和显示。在本文中,我们...

    Ext实现分页查询,前台

    数据读取器是`Ext.data.XmlReader`,它用于解析XML格式的服务器响应。`fields`定义了数据记录的属性,`mapping`属性指定了XML元素与数据字段的映射关系。在`load`事件中,对数据进行了处理,比如设置`typeImage`字段...

    Extjs深入浅出pdf

    4. **Ext.data.Store**:Store 是EXTJS 中数据的核心容器,它管理一组Record 对象。Store 提供了加载、排序、过滤、更新和删除数据的功能。基本应用包括创建store、配置数据源、加载数据等。对数据排序可以通过定义...

    Extjs中文教程

    - **Ext.data.Store类** - 存储和管理数据的核心组件,相当于一个小型数据库。 - 可以通过配置数据源、模型等来创建Store实例。 - **下拉列表框** - ComboBox是Extjs中用于显示下拉列表的组件。 - 可以绑定到一...

    extjs&使用grid显示数据参照.pdf

    EXTJS提供了多种预定义的data store类型,包括Simple (Array)、XML和JSON,同时也可以自定义data store以适应非标准格式的数据。例如,EXT论坛上有用户贡献的CSV和ColdFusion数据store实现。 向data store添加数据...

    Extjs之旅-combox之远程加载数据

    var store = Ext.create('Ext.data.Store', { model: 'MyModel', proxy: { type: 'ajax', url: 'path/to/your/server/api', // 服务器端接口地址 reader: { // 配置数据读取方式,通常为json或xml type: 'json...

Global site tag (gtag.js) - Google Analytics