知道Ext是从Flex粉丝的口水大战,看了它的jsDoc,感觉似曾相识,
对象重载、事件侦听、怎么看都象C/S的组件sdk。
再粗略浏览了examples,呵呵,实用而且酷!
我说洪哥,咱们动手罢!
****实战****
用了两个月的时间,完成了以下工作:
1.Ext的Grid采用json作为默认支持的数据格式,而我的数据格式是传输机制是基于dwr的,
不过Ext良好的分层设计允许编写自己的数据加载。
按照此机制编写了自己的数据加载类:
Ext.extend(Bat.UI.Ext.ObjReader, Ext.data.DataReader
Ext.extend(Bat.UI.Ext.Proxy, Ext.data.DataProxy,
在此基础上实现了grid组件与我自定义的数据格式的结合。
2.扩展Ext.form.TriggerField,实现了几个自己需要的form组件
AttachField:多附件
功能:支持带进度显示的本地上传、附件的浏览、删除。
TreeField:树
功能:从xml加载生成树,支持节点的增加、删除、拖拽、重命名、属性编辑
FileField:远程文件操作
功能:浏览远程文件目录、支持文件上传、选择、打开、移动、重命名
此过程中、感觉Ext的重载和事件侦听机制还是比较好用的,基本上我能想到的功能都顺利实现了。
也发现一些小bug,主要是特殊应用下在ie下出现,Ext论坛上也有许多网友提交了bug,大都是在ie下出现。
看来Ext的开发团队应当是主要以ff为测试环境的。
Ext的论坛比较活跃,提交的bug大都能得到及时响应。
****编辑器****
初期我使用jsEclipse,后来发现了更适合Ext开发的Spket,是我目前所见过的js editor中最强的。
http://www.spket.com/js.html
****调试****
Ext自带了debug窗口,可以实时监视Dom文档树和调试信息,我还是更习惯ff下的venkman
****应用****
Ext全部代码的压缩版本ext-all.js,目前为469KB
比较适合部署在局域网上的B/S应用,不过其官方网站也列举了一些www上的应用。
Ext对Dom进行了良好的封装,实现了对象重载和事件侦听,并在此基础上实现了一整套ui组件,
这些组件正是对html组件的增强(validate问题、IE的select问题、)和补充。
也是实现B/S应用频繁使用的,与用户自定义组件相结合,就可以形成一套可复用的ui组件。
是编写RIA的好工具。
- 浏览: 273664 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (85)
- Ext (0)
- java (11)
- CMS (9)
- Complain (1)
- VC++ (6)
- 生活随想 (13)
- 测试 (1)
- SVG (2)
- 原创工具 (5)
- 跨界语言 (1)
- 美工 文案 (1)
- 文件共享 mac win Paragon ntfs vmware (1)
- 移动开发 (3)
- VBA (1)
- ExtJS (21)
- OA 项目管理 解决方案 (2)
- JavaScript (3)
- HTML5 (4)
- JS物理引擎 (1)
- canvas (1)
- NLP (1)
- D3.js (1)
- 虚拟现实 (1)
- ExtJS navigation scroll (0)
- 项目管理 解决方案 (1)
- Web3D (8)
- 区块链 (5)
- 区块链 NodeJS (0)
- NodeJS (3)
最新评论
-
qihuayu2008:
大神可否提供下完整的demo?谢谢
支持无级缩放的360展示技术实现之七 -
3xxx:
http://blog.csdn.net/hotqin888/ ...
文档协作的几种实现方式 -
di1984HIT:
哈哈,学习了~~
坑爹的RockSaw和坑爹的windows7 -
chebin:
用上了,很赞!节省了不少时间。多谢分享!
java编写的两个modbus CRC16实现 -
di1984HIT:
哈哈~~~
坑爹的RockSaw和坑爹的windows7
评论
23 楼
xueduan
2008-03-27
能能否把树的js共享一下,谢谢,我的Email:xueduanyang1985@163.com
22 楼
rihoonet
2007-12-06
stevenwang ,能不能具体的描述一下在Ext里MVC在Grid中的应用?
21 楼
stevenwang
2007-12-04
支持楼主的总结。
grid基本就是照搬swing的grid。
我以前是搞swing开发的。
看着那个mvc模式太眼熟了。
这个架构跟swing借鉴了很多思想。
grid基本就是照搬swing的grid。
我以前是搞swing开发的。
看着那个mvc模式太眼熟了。
这个架构跟swing借鉴了很多思想。
20 楼
letoto
2007-12-04
在哪呢
19 楼
chen4w
2007-11-09
ext加载时,由于js类库较大,所以刚加载页面时较慢,运行起来后没有问题
18 楼
InnocentBoy
2007-10-31
据说ext的速度不是很好。
17 楼
kaki
2007-10-30
不知道和数据库整合如何??
16 楼
fangzhouxing
2007-10-28
引用
ext中from的提交要不要刷新网页?
当然不用了,否则要AJAX干什么?
15 楼
zlq4863947
2007-10-27
大家好!我在 -JS-堂 JavaScript 开源社区 ajaxjs.com 看到了这篇帖子,认为很有价值,特推荐给大家。
Spket IDE, Ext开发人员的紫色匕首~
地址 http://jstang.5d6d.com/viewthread.php?tid=809&fromuid=1803
希望大家能喜欢
再问大侠们一个问题,ext中from的提交要不要刷新网页?
Spket IDE, Ext开发人员的紫色匕首~
地址 http://jstang.5d6d.com/viewthread.php?tid=809&fromuid=1803
希望大家能喜欢
再问大侠们一个问题,ext中from的提交要不要刷新网页?
14 楼
hopesoft
2007-10-05
spket试用了一下,确实不错:)
13 楼
hezn
2007-09-30
怎么下载是图片
12 楼
hezn
2007-09-30
sfsdf
11 楼
chen4w
2007-09-18
zyf0808:
已经共享了第1个版本
已经共享了第1个版本
10 楼
stamen
2007-09-18
sp42 写道
EXT尤其GRID的内部机制参考了Swing.
详见jack博客中文版:
http://www.ajaxjs.com/yuicn/article.asp?id=20073838
详见jack博客中文版:
http://www.ajaxjs.com/yuicn/article.asp?id=20073838
访问不了,是不是给错了??
9 楼
zyf0808
2007-09-17
AttachField:多附件
功能:支持带进度显示的本地上传、附件的浏览、删除。
TreeField:树
功能:从xml加载生成树,支持节点的增加、删除、拖拽、重命名、属性编辑
FileField:远程文件操作
功能:浏览远程文件目录、支持文件上传、选择、打开、移动、重命名
***************************************
估计大家对你这部分都很感兴趣,可否共享一下?赫赫
功能:支持带进度显示的本地上传、附件的浏览、删除。
TreeField:树
功能:从xml加载生成树,支持节点的增加、删除、拖拽、重命名、属性编辑
FileField:远程文件操作
功能:浏览远程文件目录、支持文件上传、选择、打开、移动、重命名
***************************************
估计大家对你这部分都很感兴趣,可否共享一下?赫赫
8 楼
fangzhouxing
2007-07-14
引用
FireFox就报告“dwr is not defined”,程序无法继续运行。
这个问题已经解决,是后台程序没有及时释放数据库连接,造成不能继续服务前台。
现在我可以继续DWR+Extjs的愉快旅程了!
7 楼
fangzhouxing
2007-07-14
一直很关注和欣赏Extjs。最近我也已经用一个月时间用Extjs实际做了一些工作,主要是移植原来基于Struts的Web应用到基于Struts+DWR+Extjs的新开发架构。
我现在使用Ext 1.1RC1, DWRProxy来自:
http://extjs.com/forum/showthread.php?t=5586
总的开发感受不错,但是昨天遇到了一个问题,让我开始怀疑新开发架构的技术成熟度是否还不够。
在附图所示的界面中,点击用户列表中的某个用户,就会自动显示出该用户所属的角色列表。大约点10下左右,就会出现不更新角色列表的现象,然后FireFox就报告“dwr is not defined”,程序无法继续运行。
我去掉更新角色列表的程序,一切正常。再测试单个网格的程序,也很正常。
更新角色列表的程序代码如下:
那位高人能帮兄弟一把?先谢了。
我现在使用Ext 1.1RC1, DWRProxy来自:
http://extjs.com/forum/showthread.php?t=5586
总的开发感受不错,但是昨天遇到了一个问题,让我开始怀疑新开发架构的技术成熟度是否还不够。
在附图所示的界面中,点击用户列表中的某个用户,就会自动显示出该用户所属的角色列表。大约点10下左右,就会出现不更新角色列表的现象,然后FireFox就报告“dwr is not defined”,程序无法继续运行。
我去掉更新角色列表的程序,一切正常。再测试单个网格的程序,也很正常。
更新角色列表的程序代码如下:
gridUser.on('rowclick', function(grid, rowIndex, e) { rIndexUser = rowIndex; if (dsUser.getTotalCount()>0) { currentUserId = selModelUser.getSelections()[0].data.id; dsRole.load({arg:[currentUserId]}); } else { currentUserId = -1; dsRole.load({arg:[-1]}); } setUserToolbarStatus(); });
那位高人能帮兄弟一把?先谢了。
6 楼
taelons
2007-07-04
spket对extjs的支持,好象不能实现全部代码辅助完成功能
5 楼
aldelee
2007-06-30
share一下吧
4 楼
qqeerr20012001
2007-06-26
样式好像是aero
发表评论
-
ExtJS5 整合Spring4之二
2016-03-19 11:57 1767为ExtJS的grid panel提供restful服务 ... -
两天完成的一个轻量内容发布
2016-03-16 22:57 700定位 最近项目中需要 ... -
ExtJS5 整合Spring4之一
2016-01-03 18:12 2721原型组成及环境搭建 ExtJS是优秀的前端R ... -
ExtJS5的grid filter改造
2015-05-11 20:45 5636grid控件的检索是前端界面最常见的功能之一。 ExtJ ... -
支持导航滚动的Extjs实现
2015-03-30 13:17 3750导航滚动组件的形式参考百度百科: http://baik ... -
(译)Sencha ExtJS白皮书之一:现代Web堆栈——前端技术分类以助选型
2014-11-08 12:47 1359原文链接:http://pages.sencha.c ... -
微博@输入功能的ExtJS实现
2013-12-26 09:37 2646微博的@辅助输入功能 ... -
微博@弹出的ExtJS实现
2013-12-25 22:02 0爱过方知情浓,做过才晓得水深——获得TextArea的光标坐 ... -
ExtJS3.4升级ExtJS4.2的问题汇总
2013-12-11 17:48 17369昨天心血来潮,想把自己用extjs3.4作为UI的一个原型 ... -
sencha touch的pinch zoom控件
2013-09-01 10:45 2488pinch zoom是移动应用中 ... -
符合Ext tree的全国城市列表json格式
2012-03-21 13:03 3994需要实现一个多级的中 ... -
实现通用的CRUD之四——视图定义
2012-03-16 06:05 1504接上篇(javaEYE的图片只能插三个?),继续发截图 ... -
实现通用的CRUD之三——仅有RIA还不够
2012-03-16 05:49 1288B/S三层架构在安全性、易部署方面有天然的优势,但是HTML ... -
实现通用的CRUD之二—用jsonRPC打通B/S的任督二脉
2012-02-26 08:10 1915B/S应用需要解决的一个重要问题是:如何在B/S之间传 ... -
实现通用的CRUD之一——环境搭建
2012-02-23 17:26 2156在B/S应用的开发中,实现数据库表的 CRUD (Cr ... -
使用json取代传统的form提交
2007-11-16 11:32 9064传统的html提交在处理复杂对象的编辑时显得 ... -
采用动态缓存机制的内容发布实现(二)系统组成
2007-08-24 16:49 1880结构图 见附件 说明 系统可划分为以远程文件管理为中心 ... -
用Ext编写的远程文件管理
2007-08-14 17:40 5746功能描述 作为CMS系统的基础组件,远程文件管理实现了 ... -
RIA带来了什么
2007-07-06 09:46 2681随着B/S应用的逐渐兴起,传统的html Form对于完成复杂 ... -
Ext的form类型扩展(二)——AttachField
2007-06-29 14:56 6239类名:Ext.form.AttachField ...
相关推荐
标题中的“Extjs 初体验”表明我们即将探讨的是Ext JS这一JavaScript库的入门学习。Ext JS是一个用于构建富客户端Web应用的框架,它提供了一系列强大的组件和工具,包括数据绑定、可拖放功能、表格、菜单等。这篇...
在ExtJs4.2的API中,通常会附带一些示例代码,可以通过复制粘贴到项目中运行,以直观感受组件的功能和用法。 综上所述,"ExtJs4.2 Tomcat可运行API"提供了在MyEclipse环境下开发和部署基于ExtJs4.2的Web应用的完整...
通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML基础的开发者阅读。 目录: 第1章 EXT概述 第2章 EXT框架基础 第3章 表格控件 第4章 表单与输入控件 第5章 树形结构 ...
通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML基础的开发者阅读。 目录: 第1章 EXT概述 第2章 EXT框架基础 第3章 表格控件 第4章 表单与输入控件 第5章 树形结构 ...
学习extjs将带来轻便,简易清新的感受!
欢迎下载使用! 2.主要针对各个计算机相关专业,包括计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网等领域的在校学生、专业教师或企业员工使用。 3.项目具有丰富的拓展空间,不仅可作为入门进阶,也...
标题中的“一款超炫的后台,Ext模拟Windows桌面”指的是使用ExtJS框架开发的一个创新性的Web应用程序界面,它模仿了Windows操作系统的桌面环境。ExtJS是一个强大的JavaScript库,专为构建复杂的、数据驱动的Web应用...
整个系统都使用了AJAX(Asynchronous JavaScript and XML)技术,与服务器交互采用异步方式,真正实现了OPOA(One Page One Application)单页程序。减少了用户等待的时间,抛弃了传统的B/S那种,提交>等待>刷新。
在项目中,前端使用了Ext框架,这是一种用于创建用户界面的JavaScript框架,与后台技术无关,支持RIA(Rich Internet Applications)开发。ExtJS以其强大的组件系统和良好的数据处理能力,简化了前端开发。后端则...
- `ExtJS icons`:可能与Ext JS框架相关的图标,用于Web应用的组件和界面。 - `beautiful`:可能是指一套美观的图标集合,用于提高界面的视觉吸引力。 4. **图标格式**: - PNG:透明背景,适用于网页和应用程序...