- 浏览: 639982 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (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 1062Easyui Demo网站: http://www.je ... -
js获取带checkbox行的记录的Id值的两个方法
2015-04-09 14:44 666第一种: function updateProcess() ... -
文本域字符限制。
2014-10-24 13:11 499页面中:<textarea id="set& ... -
JQuery 样式设置、追加、移除与切换
2014-01-21 13:41 843获取与设置样式 获取class和设置class都可以使用a ... -
jQuery 判断页面元素是否被选中的几种方法
2014-01-21 11:03 1352jQuery 判断 checkbox 是否被选中的几种方法: ... -
jquery和js初始化加载的多种方法
2014-01-20 14:48 885jquery和js初始化加载页面的区别: jquery:等 ... -
js自动刷新当前页面
2013-12-19 14:09 765reload 方法,该方法强 ... -
页面中各种加载select的所有值
2012-08-24 18:15 9831.在页面中加载select的所有值。 1、比如,把一个ma ... -
javascript评估用户输入密码的强度
2012-08-22 15:00 882密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又 ... -
需要掌握的八个CSS布局技巧
2011-01-06 17:05 8301.若有疑问立即检测 在 ... -
ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的
2010-09-27 13:59 1784Ext.QuickTips QuickTips代码示例:只需 ... -
不错的JS中Cookie的文章
2010-09-10 23:17 821Cookies,有些人喜欢它们 ... -
js中cookie的使用
2010-09-10 23:14 1033cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏 ... -
Javascript实例教程(9) 随机显示图片
2010-07-21 16:07 951有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用F ... -
Javascript获取地址参数
2010-07-21 16:06 950修改地址后的参数: <script> funct ... -
JavaScript仿Windows关机效果
2010-07-21 16:04 926Windows关机效果分析 使用Windows系统的用户在关机 ... -
JavaScript方法和技巧大全
2010-07-21 16:04 943JavaScript方法和技巧大全:基础知识 1 创建脚本 ... -
javascript弹出窗口问题总结
2010-07-21 16:02 7741.无提示刷新网页 大家有没有发现,有些网页,刷新的时 ... -
javascript操作cookie
2010-07-21 16:02 730使得在访问页面的时候能够沿用上次的设置,或者在不同的页面间共享 ... -
JavaScript 操作数据库
2010-07-21 16:00 1010简单的数据库操作: <HTML> <HEA ...
相关推荐
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个。。绝对辛苦分
DataReader、JsonReader、XmlReader的构造方法,需要的朋友可以参考下。
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数据存储与传输详解,为了方便大家学习ExtJs技术,特总结了ExtJs最常用的Store部分内容,供大家参考...
使用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 3.04包/中文版API/入门学习资料