html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>xml解析器</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var myRecord = Ext.data.Record.create([
{name:"id"},
{name:"title"},
{name:"username",mapping:"author"},
{name:"loginTimes",type:"int"}
]);
var myReader = new Ext.data.XmlReader({
totalRecords:"results",
record:"row",
id:"id"
},myRecord);
/*var myReader = new Ext.data.XmlReader({
record:"row"
},["id","title","author","loginTimes"]);*/
var store = new Ext.data.Store({
//proxy: new Ext.data.HttpProxy({url: 'hello.xml'}),
url:"hello.xml",
reader:myReader
});
store.load();
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
sm,
{header:"编号",width:90,sortable:true,dataIndex:"id"},
{header:"标题",width:90,sortable:true,dataIndex:"title"},
{header: "作者", width: 100, sortable: true, dataIndex: 'username'},
{header: "登录次数", width: 90, sortable: true, dataIndex: 'loginTimes'}
]);
var grid = new Ext.grid.GridPanel({
renderTo:"hello",
width:400,
height:150,
cm:cm,
ds:store,
sm:sm
});
grid.render();
});
</script>
</head>
<body>
<div id="hello" style="position:absolute;left:100px;"> </div>
</body>
</html>
xml代码:
<topics>
<results>2</results>
<row>
<id>1</id>
<title>测试</title>
<author>小王</author>
<loginTimes>3</loginTimes>
</row>
<row>
<id>2</id>
<title>新年好</title>
<author>williamraym</author>
<loginTimes>13</loginTimes>
</row>
</topics>
运行结果:
如果myReader使用
var myReader = new Ext.data.XmlReader({
record:"row"
},["id","title","author","loginTimes"]);*/
时,下方“作者”的dataIndex的值也应相应地改为"author".
- 大小: 3.4 KB
分享到:
相关推荐
在处理XML数据时,EXT JS提供了XMLReader,这是一个用于解析XML数据并转化为EXT数据对象的类。 1. 数据对象(Data Model): EXT JS的数据模型包括Record、Store和Reader等组件。Record用于存储单个数据项,Store则...
1. **解析XML**:EXT提供了一个名为`Ext.data.XmlReader`的类,用于从XML文档中读取数据。你需要定义reader的配置,包括XML的根节点和数据节点的标识符。例如,如果XML的根节点是`menu`,节点是`item`,配置可能如下...
33、Ext.data.JsonReader类 …………… 26 34、Ext.data.XmlReader类 …………… 27 35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 ...
XMLReader是一个专为iOS设计的XML解析器,它可以将XML数据转换成Objective-C的数据结构,如NSDictionary,使得开发者能够更便捷地处理XML文档中的信息。 XMLReader的核心功能在于将XML文档的内容解析并转化为...
在.NET框架中,`XmlReader`是用于高效、流式处理XML文档的一个重要类。它不加载整个XML文档到内存,而是逐个读取节点,这样可以有效地处理大型XML文件,减少内存占用。本文将详细介绍如何使用`XmlReader`来读取XML...
久负盛名XmlReader 8.4.3. 相信你知道怎么做加法 8.5. 跟我用json,每天五分钟 8.5.1. Hello 老爸。 8.5.2. 老妈等等,孩子先上场。 8.5.3. 老妈来了,老妈来啦。 8.5.4. Ext对json的支持力度 8.5.5. 反向操作,ext...
### 一、xmlReader:灵活的事件驱动解析器 `xmlReader`是一个基于事件的XML解析器,它采用拉取(pull)模式进行操作。相比于传统的推入(push)模式解析器(如SAX),`xmlReader`允许用户更自由地控制解析流程。这...
在Ext JS中,XML数据的读取通常通过`Ext.data.XmlReader`类来实现,它是一个数据读取器,能够将XML数据转换为JavaScript对象,这些对象可以被Ext的数据存储(如`Ext.data.Store`)进一步处理和显示。在本文中,我们...
在视频教程中,你可能会学习到如何设置和解析XML数据,将其绑定到EXT Grid中,使数据能够被用户查看和操作。 EXT控件的使用涉及到以下几个方面: 1. **创建Grid**:首先,你需要定义一个Grid面板,指定列的配置,...
Extjs解析xml问题 Ext.onReady(function(){ var store=new Ext.data.Store({ ... reader:new Ext.data.XmlReader( {record:'Item'}, ["ASIN","Author","Manufacturer","ProductGroup","Title"]) });
Ext JS提供了`Ext.data.XmlReader`类,用于解析XML数据并转化为JavaScript对象,这些对象可以作为树节点的数据源。我们需要配置XML Reader的`record`属性来指定XML元素的根节点,以及`success`属性来识别成功解析的...
数据读取器是`Ext.data.XmlReader`,它用于解析XML格式的服务器响应。`fields`定义了数据记录的属性,`mapping`属性指定了XML元素与数据字段的映射关系。在`load`事件中,对数据进行了处理,比如设置`typeImage`字段...
`xmlReader`是一个XML解析扩展,它允许开发者逐节点地读取XML文档,而无需一次性加载整个文件到内存中,这对于处理大型XML文件特别有用。这种逐节点处理的方式可以有效地节省资源,并提高程序的效率。 1. **创建...
第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 ...
EXT提供了如`XmlReader`、`JsonReader`和`ArrayReader`等不同的Reader,它们能解析不同格式的数据,并将解析结果转化为Record对象,Record是数据集中的单条记录,包含一系列定义好的DataField,每个DataField定义了...
1. **PHP官方文档**:包含了完整的DOM、SimpleXML、XMLReader和XMLWriter的API参考,是学习PHP处理XML的基础。 2. **W3School**:提供在线教程和实例,帮助初学者快速上手XML和PHP的结合使用。 3. **Stack Overflow*...
久负盛名XmlReader 8.4.3. 相信你知道怎么做加法 8.5. 跟我用json,每天五分钟 8.5.1. Hello 老爸。 8.5.2. 老妈等等,孩子先上场。 8.5.3. 老妈来了,老妈来啦。 8.5.4. Ext对json的支持力度 8.5.5. 反向操作,ext...
@property (nonatomic, strong) NSMutableArray *dictionaryStack; @property (nonatomic, strong) NSMutableString *textInProgress; @property (nonatomic, strong) NSError *errorPointer;
开发者可以通过配置XML数据源,使用Ext的XMLReader解析XML文件,将数据加载到Store对象中。Store是Ext JS的数据容器,它可以存储各种数据,并与视图组件如GridPanel进行双向绑定。当Store中的数据发生变化时,...