`
- 浏览:
10411 次
- 性别:
- 来自:
广州
-
Extjs 数据读取对象ArrayReader/JsonReader/XmlRead
- <!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>
- <title>无标题页</title>
-
- <script src="ExtJs/ext-base.js" type="text/javascript"></script>
-
- <script src="ExtJs/ext-all.js" type="text/javascript"></script>
-
- <script type="text/javascript">...
- <!--
-
-
- function ArrayData()
- ...{
-
- var arr=[ [ 'Bill', 'Gardener',1],['Ben', 'Horticulturalist',2]];
- var reader = new Ext.data.ArrayReader(
-
- ...{id: 2},
-
-
-
- [
- ...{name: 'name', mapping: 0},
- ...{name: 'metier', mapping: 1},
- ...{name: 'id',mapping:2}
- ]
- );
-
- var data=reader.readRecords(arr);
- var str="";
- for(var i=0;i<data.records.length;i++)
- ...{
-
- str = str.concat(
- " totalRecords:"+data.totalRecords +
- " ID:"+data.records[i].id +
- " Data: .id="+data.records[i].data.id +
- " Data: .name="+data.records[i].data.name +
- " Data: .metier="+data.records[i].data.metier +
- " json:"+data.records[i].json+" ");
- }
- alert(str);
- }
-
-
- function JsonData()
- ...{
- var json=...{ 'results': 2,
- 'rows': [
- ...{ id: 1, name: 'Bill', metier: 'Gardener' },
- ...{ id: 2, name: 'Ben', metier: 'Horticulturalist' }
- ]
- };
- var reader=new Ext.data.JsonReader(
- ...{
- totalProperty: "results",
- root: "rows",
- id: "id"
- },[
- ...{name:'id',mapping:'id'},
- ...{name: 'name', mapping: 'name'},
- ...{name: 'metier'}
- ]
- )
- var data=reader.readRecords(json);
- var str="";
- for(var i=0;i<data.records.length;i++)
- ...{
-
- str = str.concat(
- " totalRecords:"+data.totalRecords +
- " ID:"+data.records[i].id +
- " Data: .id="+data.records[i].data.id +
- " Data: .name="+data.records[i].data.name +
- " Data: .metier="+data.records[i].data.metier +
- " json:"+data.records[i].json+" ");
- }
- alert(str);
- }
-
- function XmlData()
- ...{
- var str=["<?xml version="1.0" encoding="utf-8" ?>",
- "<dataset>",
- "<results>2</results>",
- "<row>",
- "<id>1</id>",
- "<name>Bill</name>",
- "<occupation>Gardener</occupation>",
- "</row>",
- "<row>",
- "<id>2</id>",
- "<name>Ben</name>",
- "<occupation>Horticulturalist</occupation>",
- "</row>",
- "</dataset>"].join("");
-
-
- var xmlDocument;
- if(Ext.isIE)...{
- xmlDocument = new ActiveXObject("Msxml2.FreeThreadedDOMDocument")
- xmlDocument.async=false;
- xmlDocument.resolveExternals = false;
- xmlDocument.loadXML(str)
- }
- else...{
- xmlDocument = (new DOMParser()).parseFromString(str, "text/xml");
- }
-
-
-
- var record = Ext.data.Record.create([
- ...{name: 'name', mapping: 'name'},
- ...{name: 'metier',mapping:'occupation'},
- ...{name:'id'}
- ])
-
-
- var reader = new Ext.data.XmlReader(...{
- totalRecords: "results",
- record: "row",
- id: "id"
- }, record);
- var data=reader.readRecords(xmlDocument);
-
- var outstr="";
- for(var i=0;i<data.records.length;i++)
- ...{
-
- outstr = outstr.concat(
- " totalRecords:"+data.totalRecords +
- " ID:"+data.records[i].id +
- " Data: .id="+data.records[i].data.id +
- " Data: .name="+data.records[i].data.name +
- " Data: .metier="+data.records[i].data.metier +
- " json:"+data.records[i].json+" ");
- }
- alert(outstr);
-
- }
-
- </script>
-
- </head>
- <body>
- <input id="Button1" onclick="ArrayData()" type="button" value="数组源数据" />
- <input id="Button2" onclick="JsonData()" type="button" value="Json源数据" />
- <input id="Button3" onclick="XmlData()" type="button" value="XML源数据" />
- </body>
- </html>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
extjs desktop实例(个人/家庭收支系统)第2部分
增加了部分统计和分析导出数据功能 针对有些朋友不知道怎么运行: 你只有把数据库建好连接好 就运行 indeEXT.jsp 就可以进行一步一步进行浏览 可以进行查看逻辑
extjsdesktop +java 实例 完整
OK...完事了。。感谢大家对小弟的信任。。有啥好的书名可以评论给我。。到时候我找给你
请下: (个人/家庭收支管理系统)第2版 ... 月收入数据分析 月支出数据分析 年支出分析 年收入分析 增删查改 统计总收入与支出 按时间查询 等功能 还有个user表 有ID USERNAME PASSWORD 3个字段
总共3个文件。。绝对物有所值。。15分能下载到一本超值的书。。关注我其他上传。。共3个。。绝对辛苦分
在CDH使用oozie 的时候需要安装ext-...我用之前的ext版本 当只有一页数据时,页码导航不会灰色,换成ext2.2就正常了。页码导航条中的刷新按钮也有小变化。 另外界面美化了很多。Ext.form.ComboBox 的样式就很漂亮!
Extjs+springmvc登录注册,分页,sqlserver08
ExtJs + api + 笔记 + 完整包
extjs读取解析后端json格式数据并显示条形图,非常好看的特效,只能用炫酷来形容,感兴趣就下载看看吧,用在自己的网站觉得吸引眼球!
总共3个文件。这是第二个。绝对物有所值。。15分能下载到一本超值的书。。关注我其他上传。。共3个。。绝对辛苦分
licensing@extjs.com http://extjs.com/license Open Source License Ext is licensed under the terms of the Open Source GPL 3.0 license. http://www.gnu.org/licenses/gpl.html There are several FLOSS ...
ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例
ExtJS是一个很不错的Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得...要使用ExtJS,那么首先要得到ExtJS库文件,该框架是一个开源的,可以直接从官方网站下载,网址:http://extjs.com/products/extjs/download.php
对ExtJS的TabPanel加载带js的iframe页提供支持 extjs load once提供支持 extjs 面板间消息传递提供支持。。 <br>资源整理自extjs论坛,修正了里面的链接和异常,直接部署到extjs2.1的example底下就可以 ...
extjs中文解决方案/Eclipse下的js和ext开发 内容: 1. <script type="text/javascript" src="<%=contextPath%>/public/js/ext-base.js"></script> 2. <script type="text/javascript" src="<%=contextPath%>/public...
使用ExtJs获取后台json格式的数据必须的七个jar包,commons-beanuti-1s-1.7.0.jar,commons-collections-3.1.jar,commons-lang-2.5.jar,commons-logging-1.0.4.jar,ezmorph-1.0.4.jar,json-lib-2.1.jar,...
extjs数据存储与传输详解,为了方便大家学习ExtJs技术,特总结了ExtJs最常用的Store部分内容,供大家参考...
EXTJS 3.04包/中文版API/入门学习资料
1、开始使用extjs 2、组件的介绍以及应用 3、ExtJS的核心 该教程有相应的代码以供参考 <!--导入Ext3.2--> <link rel="stylesheet" type="text/css" href="extjs3.2/resources/css/ext-all.css" /> ...