再来个类
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->
1
/**//*XmlGrid samples*/
2
3XmlGrid = function(config)
{
4
config = config || {};
5
6 this.cm = new Ext.grid.ColumnModel([
7 { header:'id' , dataIndex:'id' },
8 { header:'name' , dataIndex:'name' },
9 { header:'sex' , dataIndex:'sex' }
10 ]);
11
12 this.store = new Ext.data.Store({
13 url:'data.xml',
14 reader: new Ext.data.XmlReader({
15 record:'item',
16 id:'id',
17 totalRecords:'@total'
18
19
},[
20 {name:'id',mapping:'id'},
21 {name:'name',mapping:'name'},
22 {name:'sex',mapping:'sex'}
23 ])
24 });
25
26 this.store.load();
27
28 Ext.applyIf(config,{
29 width:400,
30 height:200,
31 frame:true,
32 border:true
33 });
34
35 XmlGrid.superclass.constructor.call(this,config);
36
}
37
38Ext.extend(XmlGrid,Ext.grid.GridPanel,{});
39
40
41Ext.onReady(function(){
42 var xmlgrid = new XmlGrid();
43 xmlgrid.render('xml_main')
44});
渲染页面
Code
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JsonGrid</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
<script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript" src="../grid/XmlGrid.js"></script>
</head>
<body>
<div id="xml_main"></div>
</body>
</html>
分享到：
相关推荐
ext 数据对象的定义 EditorGridPanel的使用 ext读取xml ext对各种数据格式的支持
NULL 博文链接：https://kejiangwei.iteye.com/blog/429617
最近项目中要用ext读取xml,大家可以看下实现代码
java+Ext2.0增删改查 数据交互..... 文件夹dataTransfer为增删改查的数据交互，文件夹xml内为读取xml文件
XmlTextReader 提供对 XML 数据流的只进只读访问。当前节点指读取器定位到的节点。使用任何读方法推进读取器并且属性反映当前节点的值。 此类实现 XmlReader 并符合 W3C 可扩展标记语言 (XML) 1.0 和“XML 中的命名...
7.6.2 读取xml数据 / 378 7.6.3 store的数据操作 / 379 7.7 本章小结 / 384 第8章 模板与组件基础 / 385 8.1 模板 / 385 8.1.1 模板概述 / 385 8.1.2 ext.template的创建与编译 / 385 8.1.3 格式化输出数据...
本实例使用官方Ext3.1包 分五个部分 1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢
ExtJS的table设计实例 表格可编辑 表格可排序 从XML中读取数据* *实现从XML读取,请先部署到TOMCAT或其他WEB容器
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修改用户密码 ...
XmlTextWriter类允许你将XML写到一个文件中去。这个类包含了很多方法和属性，使用这些属性和方法可以使你更容易地处理XML。为了使用这个类，你必须首先创建一个新的XmlTextWriter对象，然后你可以将XML片断加入到这...
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修改用户密码 ...
XML源文件为note.xml 代码如下:<?xml version=”1.0″ encoding=”UTF-8″?> <to>Tove <from>Jani <heading>Reminder <body>Don’t forget me this weekend!</body> 代码如下:using System;...
本来想像petshop一样做多...3, 读取不到数据的情况下会提示不能编译HSRK.Model.UserInfo.hbm.xml 有时问题出的好奇怪，程序发布之后又出现了这个提示， 将hibernate.cfg.xml中的注销掉又加上突然又行了，真是莫名其妙
javax.imageio.metadata 用于处理读写元数据的 Java Image I/O API 的包。 javax.imageio.plugins.bmp 包含供内置 BMP 插件使用的公共类的包。 javax.imageio.plugins.jpeg 支持内置 JPEG 插件的类。 javax....
本来想像petshop一样做多...3, 读取不到数据的情况下会提示不能编译HSRK.Model.UserInfo.hbm.xml 有时问题出的好奇怪，程序发布之后又出现了这个提示， 将hibernate.cfg.xml中的注销掉又加上突然又行了，真是莫名其妙
核心功能 1.定义关键空间概念和数据结构的接口 Java 拓扑套件（JTS）提供的...用于 ImageIO-EXT 项目的插件，允许 GeoTools 从 GDAL 读取其他栅格格式 7.GeoTools 扩展 提供使用核心库的空间设施构建的其他功能。
javax.imageio.metadata 用于处理读写元数据的 Java Image I/O API 的包。 javax.imageio.plugins.bmp 包含供内置 BMP 插件使用的公共类的包。 javax.imageio.plugins.jpeg 支持内置 JPEG 插件的类。 javax....
javax.imageio.metadata 用于处理读写元数据的 Java Image I/O API 的包。 javax.imageio.plugins.bmp 包含供内置 BMP 插件使用的公共类的包。 javax.imageio.plugins.jpeg 支持内置 JPEG 插件的类。 javax....
javax.imageio.metadata 用于处理读写元数据的 Java Image I/O API 的包。 javax.imageio.plugins.bmp 包含供内置 BMP 插件使用的公共类的包。 javax.imageio.plugins.jpeg 支持内置 JPEG 插件的类。 javax....