starbhhc
- 浏览: 657922 次
- 性别:
- 来自: 深圳
-
文章分类
- 全部博客 (609)
- java (139)
- 数据库 (107)
- 微信 (23)
- IT生活 (5)
- web前端 (74)
- SSH (11)
- 设计模式 (12)
- 重要资料 (11)
- 其他 (15)
- java技巧 (23)
- 服务器 (9)
- 2D/GUI (3)
- JAVA3D (2)
- ANT (5)
- Apache项目 (19)
- 数据类型 (10)
- 报表 (3)
- Collections (6)
- SQL/JDBC (15)
- 开发类 (6)
- EJB (6)
- Email (6)
- 文件读写 (2)
- 游戏 (0)
- Flex (2)
- Generic (2)
- HIbernate (12)
- I18N (5)
- Java EE (9)
- java ME (4)
- JDK 6 (8)
- JNDI/LDAP (5)
- JSP (7)
- JSTL (2)
- 正则表达式 (2)
- 安全 (2)
- Struts2 (12)
- Spring (4)
- Web服务 (10)
- Xml (1)
- JavaScript (30)
- AJAX (7)
- 验证 (4)
- 上传下载 (1)
- office办公软件 (1)
- Android (2)
- IOS (0)
- Dubbo (3)
- memcached/redis (1)
- 小程序 (1)
- 微信公众号 (0)
最新评论
-
wf_wangfeng：
怎么我用第一种方法不行呢 alert(document.rea ...
当jsp页面完全加载完成后执行一个js函数 -
Lori_Liu：
有帮助，至少可以解决了目前所遇到的问题！谢谢..
当jsp页面完全加载完成后执行一个js函数 -
starbhhc：
String actionMessage = new Stri ...
Java读取txt文件乱码 -
starbhhc：
Sev7en_jun 写道GOOD
客气，互相交流。。
javaeye论坛规则小测验（答案）--star -
Sev7en_jun：
GOOD
javaeye论坛规则小测验（答案）--star
1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.<html xmlns="http://www.w3.org/1999/xhtml">
3.<head>
4. <title>无标题页</title>
5.
6. <script src="ExtJs/ext-base.js" type="text/javascript"></script>
7.
8. <script src="ExtJs/ext-all.js" type="text/javascript"></script>
9.
10. <script type="text/javascript">...
11. <!--
12.
13. //数据源为数组的ArrayReader
14. function ArrayData()
15. ...{
16. //定义数组
17. var arr=[ [ 'Bill', 'Gardener',1],['Ben', 'Horticulturalist',2]];
18. var reader = new Ext.data.ArrayReader(
19. //以第一个元素做为recordid,这个是必须得要的
20. ...{id: 2},
21. //定义数组到record的映射关系
22. //name:属性名称
23. //mapping:映射到数据源的序列，即索引
24. [
25. ...{name: 'name', mapping: 0},//对应字符:Bill
26. ...{name: 'metier', mapping: 1},//对应字符:Gardener
27. ...{name: 'id',mapping:2}//对应数字:1,如果第一个元素定义，则可以省略
28. ]
29. );
30. //生成元数据
31. var data=reader.readRecords(arr);
32. var str="";
33. for(var i=0;i<data.records.length;i++)
34. ...{
35. //标识列 保存的数组被转换为对象 Json数据
36. str = str.concat(
37. " totalRecords:"+data.totalRecords +//数据总条数
38. " ID:"+data.records[i].id +
39. " Data: .id="+data.records[i].data.id +
40. " Data: .name="+data.records[i].data.name +
41. " Data: .metier="+data.records[i].data.metier +
42. " json:"+data.records[i].json+" ");
43. }
44. alert(str);
45. }
46.
47.
48. function JsonData()
49. ...{
50. var json=...{ 'results': 2, //设定此对象的总个数,与rows数组长度一致，需要手动设定
51. 'rows': [
52. ...{ id: 1, name: 'Bill', metier: 'Gardener' },
53. ...{ id: 2, name: 'Ben', metier: 'Horticulturalist' }
54. ]
55. };
56. var reader=new Ext.data.JsonReader(
57. ...{
58. totalProperty: "results",//totalRecords属性由json.results得到(省略此参数也能得到总条数)
59. root: "rows", //构造元数据的数组由json.rows得到
60. id: "id" //id由json.id得到
61. },[
62. ...{name:'id',mapping:'id'},
63. ...{name: 'name', mapping: 'name'},
64. ...{name: 'metier'} //如果name与mapping同名,可以省略mapping
65. ]
66. )
67. var data=reader.readRecords(json);
68. var str="";
69. for(var i=0;i<data.records.length;i++)
70. ...{
71. //标识列 保存的数组被转换为对象 Json数据
72. str = str.concat(
73. " totalRecords:"+data.totalRecords +//数据总条数
74. " ID:"+data.records[i].id +
75. " Data: .id="+data.records[i].data.id +
76. " Data: .name="+data.records[i].data.name +
77. " Data: .metier="+data.records[i].data.metier +
78. " json:"+data.records[i].json+" ");
79. }
80. alert(str);
81. }
82.
83. function XmlData()
84. ...{
85. var str=["<?xml version="1.0" encoding="utf-8" ?>",
86. "<dataset>",
87. "<results>2</results>",
88. "<row>",
89. "<id>1</id>",
90. "<name>Bill</name>",
91. "<occupation>Gardener</occupation>",
92. "</row>",
93. "<row>",
94. "<id>2</id>",
95. "<name>Ben</name>",
96. "<occupation>Horticulturalist</occupation>",
97. "</row>",
98. "</dataset>"].join("");
99.
100. //生成xmldocument对象
101. var xmlDocument;
102. if(Ext.isIE)...{
103. xmlDocument = new ActiveXObject("Msxml2.FreeThreadedDOMDocument")
104. xmlDocument.async=false;
105. xmlDocument.resolveExternals = false;
106. xmlDocument.loadXML(str)
107. }
108. else...{
109. xmlDocument = (new DOMParser()).parseFromString(str, "text/xml");
110. }
111.
112. //然后开始...和其它两个reader一样的用法,只是这儿换了一种写法,recordtype也可以是一个record对象
113. //record对象的属性映射
114. var record = Ext.data.Record.create([
115. ...{name: 'name', mapping: 'name'}, // "mapping" property not needed if it's the same as "name"
116. ...{name: 'metier',mapping:'occupation'}, // This field will use "occupation" as the mapping.
117. ...{name:'id'}
118. ])
119.
120.
121. var reader = new Ext.data.XmlReader(...{
122. totalRecords: "results",
123. record: "row", //row是节点选择器
124. id: "id"
125. }, record);
126. var data=reader.readRecords(xmlDocument);
127.
128. var outstr="";
129. for(var i=0;i<data.records.length;i++)
130. ...{
131. //标识列 保存的数组被转换为对象 Json数据
132. outstr = outstr.concat(
133. " totalRecords:"+data.totalRecords +//数据总条数
134. " ID:"+data.records[i].id +
135. " Data: .id="+data.records[i].data.id +
136. " Data: .name="+data.records[i].data.name +
137. " Data: .metier="+data.records[i].data.metier +
138. " json:"+data.records[i].json+" ");
139. }
140. alert(outstr);
141.
142. }
143. //-->
144. </script>
145.
146.</head>
147.<body>
148. <input id="Button1" onclick="ArrayData()" type="button" value="数组源数据" />
149. <input id="Button2" onclick="JsonData()" type="button" value="Json源数据" />
150. <input id="Button3" onclick="XmlData()" type="button" value="XML源数据" />
151.</body>
152.</html>
2.<html xmlns="http://www.w3.org/1999/xhtml">
3.<head>
4. <title>无标题页</title>
5.
6. <script src="ExtJs/ext-base.js" type="text/javascript"></script>
7.
8. <script src="ExtJs/ext-all.js" type="text/javascript"></script>
9.
10. <script type="text/javascript">...
11. <!--
12.
13. //数据源为数组的ArrayReader
14. function ArrayData()
15. ...{
16. //定义数组
17. var arr=[ [ 'Bill', 'Gardener',1],['Ben', 'Horticulturalist',2]];
18. var reader = new Ext.data.ArrayReader(
19. //以第一个元素做为recordid,这个是必须得要的
20. ...{id: 2},
21. //定义数组到record的映射关系
22. //name:属性名称
23. //mapping:映射到数据源的序列，即索引
24. [
25. ...{name: 'name', mapping: 0},//对应字符:Bill
26. ...{name: 'metier', mapping: 1},//对应字符:Gardener
27. ...{name: 'id',mapping:2}//对应数字:1,如果第一个元素定义，则可以省略
28. ]
29. );
30. //生成元数据
31. var data=reader.readRecords(arr);
32. var str="";
33. for(var i=0;i<data.records.length;i++)
34. ...{
35. //标识列 保存的数组被转换为对象 Json数据
36. str = str.concat(
37. " totalRecords:"+data.totalRecords +//数据总条数
38. " ID:"+data.records[i].id +
39. " Data: .id="+data.records[i].data.id +
40. " Data: .name="+data.records[i].data.name +
41. " Data: .metier="+data.records[i].data.metier +
42. " json:"+data.records[i].json+" ");
43. }
44. alert(str);
45. }
46.
47.
48. function JsonData()
49. ...{
50. var json=...{ 'results': 2, //设定此对象的总个数,与rows数组长度一致，需要手动设定
51. 'rows': [
52. ...{ id: 1, name: 'Bill', metier: 'Gardener' },
53. ...{ id: 2, name: 'Ben', metier: 'Horticulturalist' }
54. ]
55. };
56. var reader=new Ext.data.JsonReader(
57. ...{
58. totalProperty: "results",//totalRecords属性由json.results得到(省略此参数也能得到总条数)
59. root: "rows", //构造元数据的数组由json.rows得到
60. id: "id" //id由json.id得到
61. },[
62. ...{name:'id',mapping:'id'},
63. ...{name: 'name', mapping: 'name'},
64. ...{name: 'metier'} //如果name与mapping同名,可以省略mapping
65. ]
66. )
67. var data=reader.readRecords(json);
68. var str="";
69. for(var i=0;i<data.records.length;i++)
70. ...{
71. //标识列 保存的数组被转换为对象 Json数据
72. str = str.concat(
73. " totalRecords:"+data.totalRecords +//数据总条数
74. " ID:"+data.records[i].id +
75. " Data: .id="+data.records[i].data.id +
76. " Data: .name="+data.records[i].data.name +
77. " Data: .metier="+data.records[i].data.metier +
78. " json:"+data.records[i].json+" ");
79. }
80. alert(str);
81. }
82.
83. function XmlData()
84. ...{
85. var str=["<?xml version="1.0" encoding="utf-8" ?>",
86. "<dataset>",
87. "<results>2</results>",
88. "<row>",
89. "<id>1</id>",
90. "<name>Bill</name>",
91. "<occupation>Gardener</occupation>",
92. "</row>",
93. "<row>",
94. "<id>2</id>",
95. "<name>Ben</name>",
96. "<occupation>Horticulturalist</occupation>",
97. "</row>",
98. "</dataset>"].join("");
99.
100. //生成xmldocument对象
101. var xmlDocument;
102. if(Ext.isIE)...{
103. xmlDocument = new ActiveXObject("Msxml2.FreeThreadedDOMDocument")
104. xmlDocument.async=false;
105. xmlDocument.resolveExternals = false;
106. xmlDocument.loadXML(str)
107. }
108. else...{
109. xmlDocument = (new DOMParser()).parseFromString(str, "text/xml");
110. }
111.
112. //然后开始...和其它两个reader一样的用法,只是这儿换了一种写法,recordtype也可以是一个record对象
113. //record对象的属性映射
114. var record = Ext.data.Record.create([
115. ...{name: 'name', mapping: 'name'}, // "mapping" property not needed if it's the same as "name"
116. ...{name: 'metier',mapping:'occupation'}, // This field will use "occupation" as the mapping.
117. ...{name:'id'}
118. ])
119.
120.
121. var reader = new Ext.data.XmlReader(...{
122. totalRecords: "results",
123. record: "row", //row是节点选择器
124. id: "id"
125. }, record);
126. var data=reader.readRecords(xmlDocument);
127.
128. var outstr="";
129. for(var i=0;i<data.records.length;i++)
130. ...{
131. //标识列 保存的数组被转换为对象 Json数据
132. outstr = outstr.concat(
133. " totalRecords:"+data.totalRecords +//数据总条数
134. " ID:"+data.records[i].id +
135. " Data: .id="+data.records[i].data.id +
136. " Data: .name="+data.records[i].data.name +
137. " Data: .metier="+data.records[i].data.metier +
138. " json:"+data.records[i].json+" ");
139. }
140. alert(outstr);
141.
142. }
143. //-->
144. </script>
145.
146.</head>
147.<body>
148. <input id="Button1" onclick="ArrayData()" type="button" value="数组源数据" />
149. <input id="Button2" onclick="JsonData()" type="button" value="Json源数据" />
150. <input id="Button3" onclick="XmlData()" type="button" value="XML源数据" />
151.</body>
152.</html>
分享到：
发表评论
-
jquery easyui DataGrid
2015-04-11 17:15 1105Easyui Demo网站： http://www.je ... -
js获取带checkbox行的记录的Id值的两个方法
2015-04-09 14:44 683第一种： function updateProcess() ... -
文本域字符限制。
2014-10-24 13:11 539页面中：<textarea id="set& ... -
JQuery 样式设置、追加、移除与切换
2014-01-21 13:41 884获取与设置样式 获取class和设置class都可以使用a ... -
jQuery 判断页面元素是否被选中的几种方法
2014-01-21 11:03 1407jQuery 判断 checkbox 是否被选中的几种方法： ... -
jquery和js初始化加载的多种方法
2014-01-20 14:48 911jquery和js初始化加载页面的区别： jquery：等 ... -
js自动刷新当前页面
2013-12-19 14:09 803reload 方法，该方法强 ... -
页面中各种加载select的所有值
2012-08-24 18:15 10051.在页面中加载select的所有值。 1、比如，把一个ma ... -
javascript评估用户输入密码的强度
2012-08-22 15:00 901密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又 ... -
需要掌握的八个CSS布局技巧
2011-01-06 17:05 8491.若有疑问立即检测 在 ... -
ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的
2010-09-27 13:59 1815Ext.QuickTips QuickTips代码示例：只需 ... -
不错的JS中Cookie的文章
2010-09-10 23:17 841Cookies，有些人喜欢它们 ... -
js中cookie的使用
2010-09-10 23:14 1056cookie概述 在上一节，曾经利用一个不变的框架来存储购物栏 ... -
Javascript实例教程(9) 随机显示图片
2010-07-21 16:07 986有时你可以会在一些网站看到一些变化显示的图片，这除了可以利用F ... -
Javascript获取地址参数
2010-07-21 16:06 982修改地址后的参数： <script> funct ... -
JavaScript仿Windows关机效果
2010-07-21 16:04 964Windows关机效果分析 使用Windows系统的用户在关机 ... -
JavaScript方法和技巧大全
2010-07-21 16:04 961JavaScript方法和技巧大全：基础知识 1 创建脚本 ... -
javascript弹出窗口问题总结
2010-07-21 16:02 7951.无提示刷新网页 大家有没有发现，有些网页，刷新的时 ... -
javascript操作cookie
2010-07-21 16:02 761使得在访问页面的时候能够沿用上次的设置，或者在不同的页面间共享 ... -
JavaScript 操作数据库
2010-07-21 16:00 1029简单的数据库操作： <HTML> <HEA ...
相关推荐
这部分讲解了数据连接（Connection/Ajax）、数据代理（DataProxy，如HttpProxy、MemoryProxy、ScriptTagProxy）、数据读取器（DataReader，如ArrayReader、JsonReader、XmlReader）以及数据存储（Store）的使用。...
6. **Proxy**：Proxy 是EXTJS 中用于与服务器通信的抽象层，它处理数据的读取、写入和销毁操作。常见的Proxy 类型有： - **MemoryProxy**：在内存中存储数据，不涉及服务器交互，适用于小型或临时数据。 - **...
13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data.DwrProxy 13.7.2 Ext.data....
**DataReader, ArrayReader, JsonReader, XmlReader 类**：数据读取器，用于解析不同格式的服务器响应数据。 29-34. **Store, GroupingStore, SimpleStore, Tree, Node 类**：数据存储类，管理数据集，支持分组、...
13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data.DwrProxy 13.7.2 Ext.data....
- **数据读取器**: `DataReader`、`ArrayReader`、`JsonReader`和`XmlReader`用于解析不同格式的数据源。 - **数据存储**: `Store`用于管理数据集，而`GroupingStore`、`JsonStore`和`SimpleStore`提供了更高级的...
- `new Ext.data.DataReader(readerConfig, recordType)`：创建一个新的数据读取器实例。 - `Ext.data.DataReader.read(response, options)`：读取数据。 #### 三十二、Ext.data.ArrayReader类（第26页） - **...
- `Ext.data.ArrayReader.read(response)`: 读取数组数据。 #### 33. Ext.data.JsonReader 类 (P.26) - **概述**：读取JSON格式的数据。 - **常用方法**: - `Ext.data.JsonReader.read(response)`: 读取JSON数据...
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 ...
基于extjs的.NET3.5控件Coolite 1.0.0.34580 (Preview预览版）， *************************************************** * Version 1.0.0 升级日志 * *************************************************** 1. ...
3.5.2. TreeLoader外传 之 读取本地json 3.6. jsp的例子是一定要有的 3.7. 让你知道树都可以做些什么 3.7.1. 检阅树形的事件 3.7.2. 右键菜单并非单纯的事件 3.7.3. 默认图标好单调，改一下撒 3.7.4. 偷偷告诉你咋从...
简单易行ArrayReader 8.4.2.2. 灵活轻便JsonReader 8.4.2.3. 久负盛名XmlReader 8.4.3. 相信你知道怎么做加法 8.5. 跟我用json，每天五分钟 8.5.1. Hello 老爸。 8.5.2. 老妈等等，孩子先上场。 8.5.3. 老妈来了，...