ext xml格式的小例子

最新推荐文章于 2024-10-14 17:54:07 发布
最新推荐文章于 2024-10-14 17:54:07 发布
阅读量123 收藏
点赞数
文章标签： EXT XML CSS JavaScript json ViewUI

1.XML格式

a）hello.xml

<dataset>

??<row>

????<id>1</id>

????<name>EasyJWeb</name>

????<organization>EasyJF</organization>

????<homepage>www.easyjf.com</homepage>

??</row>

??<row>

????<id>2</id>

????<name>jfox</name>

????<organization>huihoo</organization>

????<homepage>www.huihoo.org</homepage>

??</row>

??<row>

????<id>3</id>

????<name>jdon</name>

????<organization>jdon</organization>

????<homepage>www.jdon.com</homepage>

??</row>

??<row>

????<id>4</id>

????<name>springside</name>

????<organization>springside</organization>

????<homepage>www.springside.com.cn</homepage>

??</row>

</dataset>

b).GridPanel.html

<html>

?<head>

?<meta http-equiv="Content-Type" content="text/html;charset=" gb2312"="">

??

??<title>Extjs</title>

??<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">

??<noscript type="text/javascript" src="../../adapter/ext/ext-base.js"></noscript>

??<noscript type="text/javascript" src="../../ext-all.js"></noscript>

??<noscript>

?

??? Ext.onReady(function(){

??? ????//用来定义要显示的数据

??? ???? var data = [[1,'EasyJWeb','EasyJF','www.easyjf.com'],

??? ???? ?????? [2,'jfox','huihoo','www.huihoo.org'],

??? ???? ?????? [3,'jdon','jdon','www.jdon.com'],

??? ???? ?????? [4,'springside','springside','www.springside.com.cn']];

??? ???? //用来创建一个数据存储（重要环节存储器Store用来负责把各种各样的数据转换成ExtJS 的数据记录集Record）

??? ???? var store = new? Ext.data.SimpleStore({data:data,fields:["id","name","organization","homepage"]});

??? ????

??? ???? //负责创建一个表格 表格 包含的列由columns配置属性来描述每一行数数据用来描述一列信息

??? ???? //表格的列信息 包含列头显示文本header

??? ???? //列对应的记录集字段 dataIndex

??? ???? //列是否可排序? sortable

??? ???? //列的渲染函数 render

??? ???? //宽度 width

??? ???? //格式化信息 format

??? ???/*? var grid = new Ext.grid.GridPanel({

??? ???? ??renderTo:"hello",

??? ???? ??title:"中国java开源产品",

??? ???? ??height:150,

??? ???? ??width:600,

??? ???? ??columns:[

??? ???? ?????? {header:"项目名称",dataIndex:"name"},

??? ???? ?????? {header:"开发团队",dataIndex:"organization"},

??? ???? ???????{header:"网址",dataIndex:"homepage"}],

??? ???? ??store:store,

??? ???? ??autoExpandColumn:2

??? ???? ???

??? ???? });*/

??? ???? var colM = new Ext.grid.ColumnModel([{header:"项目名称",dataIndex:"name",sortable:true},

??? ???? ??????????????????? {header:"开发团队",dataIndex:"organization",sortable:true},

??? ???? ??????????????????? {header:"网址",dataIndex:"homepage",renderer:showUrl}

??? ???? ??????????????????? ]);

???????? var? grid = new Ext.grid.GridPanel({

???????? ?

???????? ??title:"中国java开源产品",

???????? ??height:150,

???????? ??width:600,

???????? ??cm:colM,

???????? ??store:store,

???????? ??autoExpandColumn:2

???????? });

????????

??? });?

???

???

???function showUrl(value){

?????return ""+value+"";

???}

???

???//xml格式

??? Ext.onReady(function(){

??? ????var store = new Ext.data.Store({

??? ??????url:"hello.xml",

??? ??????reader:new Ext.data.XmlReader({

??? ??????record:"row",id:"id"},

??? ??????["name","organization","homepage"])

??? ????});

??? ????? var ds = new Ext.data.Store({

??????????????? proxy: new Ext.data.HttpProxy({url: "hello.xml"}),

??????????????? reader: new Ext.data.XmlReader({record: "row", id: "id"},

??????????????????????????????????????????????? ['name', "organization", "homepage"])

??????????? ??});

??? ????var colM = new Ext.grid.ColumnModel([

??? ????{header:"项目名称",dataIndex:"name",sortable:true},

??? ????{header:"开发团队",dataIndex:"organization",sortable:true},

??? ????{header:"网址",dataIndex:"homepage",sortable:true}]);

??? ????var grid = new Ext.grid.GridPanel({

??? ????? renderTo:"aaa",

??? ????? title:"java开发团队",

??? ????? height:200,

??? ????? width:600,

??? ????? cm:colM,

??? ????? store:store,

??? ????? autoExpandColumn:2

??? ????});

??? ????store.load();

??? });

??????? //json格式

??? Ext.onReady(function(){

??? ???var? data = [ {id:1,name:'EasyJWeb',organization:'EasyJF',homepage:'www.easyjf.com'},

??? ??????????{id:2,name:'jfox',organization:'huihoo',homepage:'www.huihoo.org'},

??? ??????????{id:3,name:'jdon',organization:'jdon',homepage:'www.jdon.com'},

??? ??????????{id:4,name:'springside',organization:'springside',homepage:'www.springside.com.cn'}];

??? ???

??? ???var store = new Ext.data.JsonStore({data:data,fields:["id","name","organization","homepage"]});

??? ???var colM = new Ext.grid.ColumnModel([??? {header:"项目名称",dataIndex:"name",sortable:true},

??? ???? ??????????????????? {header:"开发团队",dataIndex:"organization",sortable:true},

??? ???? ??????????????????? {header:"网址",dataIndex:"homepage",renderer:showUrl}

??? ???? ??????????????????? ]);

??????var grid = new Ext.grid.GridPanel({

??????? renderTo:"aaa",

??????? title:"中国java开源产品",

??????? height:200,

??????? width:600,

??????? cm:colM,

??????? store:store,

??????? autoExpandColumn:2

??????});??? ???? ???????????????????

??? });

??</noscript>

?</head>

?

?<body>

????

????

?</body>

</html>

fbliklz
关注
ext动态获取Xml数据并解析信息
06-27
ext动态获取Xml数据并解析信息
ext读取两种结构的xml的代码
01-19
<list> <software> 软件1</name> <icon>1.gif</icon> </software> <software> 控件2</name> <icon>2.gif</icon> </software> </list> 这一种比较常见 网上很多例子都是这种格式，我也写一下主要代码 var Info= Ext....
ext解析XML
hwq1987的专栏
02-10 1560
<br />Ext.onReady(function(){                  //alert();                  var store = new Ext.data.Store({                      url: 'hello.xml',                      reader: new Ext.data.XmlReader({                          record: 'country'             
ext 成功解析xml
hwq1987的专栏
02-10 954
<br /><br /><script type="text/javascript"><br /><br />　　Ext.onReady(function(){<br /> <br />　　　　var store=new Ext.data.Store({　　　　　<br />　　　　　　url:'GridData.xml',<br />　　　　　　reader:new Ext.data.XmlReader(<br />　　　　　　　　{record:'Item'},　　　　　　　　<br />　　　　　　　
ExtJs加载本地xml格式的数据
wjt276的专栏
12-12 166
&lt;script type="text/javascript" src="ext/XmlTreeLoader.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="xml-tree-loader.js"&gt;&lt;/script&gt;   /** * 动态加载本地xml格
ext 解释XML
dwj520的专栏
12-21 600
function formetSex(value,meta,record,rowIndex,colIndex,store){// alert("[" + rowIndex + "," + colIndex + "]");// alert(record.data.name); return value=="0"?"男":"女";}Ext.onReady(function(){  var fields
ext 读取xml 可编辑grid
08-19
在EXT JS框架中，"ext 读取xml 可编辑grid"是一个常见的需求，涉及到的主要知识点包括EXT的数据对象、EditorGridPanel的使用以及EXT对XML数据格式的支持。下面将详细阐述这些内容。 EXT JS是一个强大的JavaScript库...
Ext简单小例子(带源码)
03-16
标题中的“Ext简单小例子(带源码)”指的是一个关于ExtJS的简易示例项目，ExtJS是一个基于JavaScript的开源富客户端框架，用于构建桌面级Web应用。它使用了Sencha公司开发的组件化和MVC（Model-View-Controller）架构...
Ext_Login_Case:Extx登陆小例子
05-16
在这个登录小例子中，我们可能会看到`Ext.form.Panel`被用作基础组件，它包含了输入字段、按钮等元素。`Ext.form.Panel`允许开发者定义表单布局、验证规则以及处理用户交互。登录界面通常包括用户名和密码输入框，...
ext+struts+spring小例子
01-20
这个“ext+struts+spring小例子”是一个整合这三个技术的示例项目，用于实现一个图书管理应用。下面将详细阐述这三个框架的核心概念及其在项目中的作用。 EXT JS 是一个强大的JavaScript库，主要用于构建富客户端...
Ext解析XML实例
12-19
Ext解析XML实例
ext js解析xml文档
02-10
Extjs解析xml问题 Ext.onReady(function(){ 　　　　 　　　　var store=new Ext.data.Store({　　　　　 　　　　　　url:'GridData.xml', 　　　　　　reader:new Ext.data.XmlReader( 　　　　　　　　{record:'Item'},　　　　　　　　 　　　　　　　　["ASIN","Author","Manufacturer","ProductGroup","Title"]) 　　　　});
Ext+XML实现数据载入
freellf的专栏
04-08 937
<br /> <br /> <br />这里实现的效果的从XML文件中把数据动态的载入到表单中！其实这部分在和data部分一起将比较好，但因为这里也比较容易，涉及到的配置也不多！ <br />Form 表单的Action.load方法的应用，由于前面有详细的讲解Action方法是应用，所以这里不用多讲，为了简单明了，这里只设置俩个配置选项，URL 和 waitMsg, <br />读取数据部分主要涉及到 Ext.data.XmlReader，即xml数据读取器，record表示数据记录所在的标签名，记住这是
Ext2.2-用XML做数据源,可编辑Grid的例子
老紫竹的专栏
08-28 5308
原文地址：http://www.java2000.net/p8972先看看运行效果html源代码html>head>meta http-equiv="Content-Type" c>title>Editor Grid Exampletitle>link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />  
EXTJS AJAX 解析 XML 数据
getdate的专栏
10-27 3253
EXTJS  AJAX 从后台取 XML  数据 在页面上展示  页面JS function getAllAreaInfos() { var areaName = ""; Ext.Ajax.request({ method: 'POST', url: 'allAreaInfos', params: {"areaName":are
用Ext读取两种结构的xml方法
人生能有多少个十年！
06-24 106
第一种结构： 软件1 1.gif 控件2 2.gif 这一种比较常见 网上很多例子都是这种格式，我也写一下主要代码 [co...
Ext jsontree、xmltree
johncon的专栏
11-01 214
随着xml tree的发展，json的兴起，突然想搞一棵json tree。毕竟json比起xml的简单、易用   但ext在这方面已经实现了   Ext树工具类 Jsontree和Xmltree   http://www.cnblogs.com/meetrice/archive/2008/06/18/1224458.html     有空再看下他的详细实现   朋友如果有用过或见有用过的，不妨...
Ext.Ajax.request提交xml数据
张波的技术积累
11-28 2736
1：示例代码login_xml.jsp <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> "> Ext.
SmartAdmin项目前端启动报错 SyntaxError: Unexpected token ‘??=‘
最新发布
qq_41883461的博客
10-14 110
大家好，我是时生，我又回来了，站在巨人的肩膀做出一点点改变。欢迎批评，欢迎指正，欢迎共享，有事私信。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值