`
liuye066
  • 浏览: 266388 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

Ext3.0学习笔记xmlReader

    博客分类:
  • ext
阅读更多

 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;">&nbsp;</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
分享到:
评论

相关推荐

    ext 读取xml 可编辑grid

    在处理XML数据时,EXT JS提供了XMLReader,这是一个用于解析XML数据并转化为EXT数据对象的类。 1. 数据对象(Data Model): EXT JS的数据模型包括Record、Store和Reader等组件。Record用于存储单个数据项,Store则...

    解析Xml构建Ext树形菜单

    1. **解析XML**:EXT提供了一个名为`Ext.data.XmlReader`的类,用于从XML文档中读取数据。你需要定义reader的配置,包括XML的根节点和数据节点的标识符。例如,如果XML的根节点是`menu`,节点是`item`,配置可能如下...

    EXT核心API详解

    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 ...

    iOS XMLReader

    XMLReader是一个专为iOS设计的XML解析器,它可以将XML数据转换成Objective-C的数据结构,如NSDictionary,使得开发者能够更便捷地处理XML文档中的信息。 XMLReader的核心功能在于将XML文档的内容解析并转化为...

    使用 XmlReader 读取 XML 文档

    在.NET框架中,`XmlReader`是用于高效、流式处理XML文档的一个重要类。它不加载整个XML文档到内存,而是逐个读取节点,这样可以有效地处理大型XML文件,减少内存占用。本文将详细介绍如何使用`XmlReader`来读取XML...

    Ext 开发指南 学习资料

    久负盛名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...

    php xmlReader & xmlWriter

    ### 一、xmlReader:灵活的事件驱动解析器 `xmlReader`是一个基于事件的XML解析器,它采用拉取(pull)模式进行操作。相比于传统的推入(push)模式解析器(如SAX),`xmlReader`允许用户更自由地控制解析流程。这...

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

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

    EXT 组件和控件的 视频教程

    在视频教程中,你可能会学习到如何设置和解析XML数据,将其绑定到EXT Grid中,使数据能够被用户查看和操作。 EXT控件的使用涉及到以下几个方面: 1. **创建Grid**:首先,你需要定义一个Grid面板,指定列的配置,...

    ext js解析xml文档

    Extjs解析xml问题 Ext.onReady(function(){    var store=new Ext.data.Store({  ... reader:new Ext.data.XmlReader(  {record:'Item'},   ["ASIN","Author","Manufacturer","ProductGroup","Title"])  });

    Ext tree json 动态加载完美实例

    Ext JS提供了`Ext.data.XmlReader`类,用于解析XML数据并转化为JavaScript对象,这些对象可以作为树节点的数据源。我们需要配置XML Reader的`record`属性来指定XML元素的根节点,以及`success`属性来识别成功解析的...

    Ext实现分页查询,前台

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

    xmlReader_解析xml文件

    `xmlReader`是一个XML解析扩展,它允许开发者逐节点地读取XML文档,而无需一次性加载整个文件到内存中,这对于处理大型XML文件特别有用。这种逐节点处理的方式可以有效地节省资源,并提高程序的效率。 1. **创建...

    Ext+JS高级程序设计.rar

    第一部分 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数据模型Store

    EXT提供了如`XmlReader`、`JsonReader`和`ArrayReader`等不同的Reader,它们能解析不同格式的数据,并将解析结果转化为Record对象,Record是数据集中的单条记录,包含一系列定义好的DataField,每个DataField定义了...

    PHPXML学习笔记

    1. **PHP官方文档**:包含了完整的DOM、SimpleXML、XMLReader和XMLWriter的API参考,是学习PHP处理XML的基础。 2. **W3School**:提供在线教程和实例,帮助初学者快速上手XML和PHP的结合使用。 3. **Stack Overflow*...

    EXT2.0中文教程

    久负盛名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的m文件

    @property (nonatomic, strong) NSMutableArray *dictionaryStack; @property (nonatomic, strong) NSMutableString *textInProgress; @property (nonatomic, strong) NSError *errorPointer;

    Ext 表单示例演示 视频

    开发者可以通过配置XML数据源,使用Ext的XMLReader解析XML文件,将数据加载到Store对象中。Store是Ext JS的数据容器,它可以存储各种数据,并与视图组件如GridPanel进行双向绑定。当Store中的数据发生变化时,...

Global site tag (gtag.js) - Google Analytics