ExtJS
关注
分享
扫一扫
文章平均质量分 94
cat4w
这个作者很懒，什么都没留下…
展开
-
Ext(www.extjs.com)使用感受
知道Ext是从Flex粉丝的口水大战，看了它的jsDoc，感觉似曾相识， 对象重载、事件侦听、怎么看都象C/S的组件sdk。 再粗略浏览了examples，呵呵，实用而且酷！ 我说洪哥，咱们动手罢！ ****实战**** 用了两个月的时间，完成了以下工作： 1.Ext的Grid采用json作为默认支持的数据格式，而我的数据格式是传输机制是基于dwr的， 不过Ext良好的分层设计允许编写自己的数...2007-06-25 10:31:26 · 160 阅读 · 0 评论 -
ExtJS3.4升级ExtJS4.2的问题汇总
昨天心血来潮，想把自己用extjs3.4作为UI的一个原型升级到最新的extjs4.2.2。 几年前曾经将原型从2.1升级到3.4，对于extjs的版本不兼容深深伤害过。最近两年就没有跟进。 Extjs4采用前端MVC的结构，使得整个前端代码的规划更加规范，更适合多人协作编写复杂的界面。新版的neptune theme也让看厌了ext外观的人眼前一亮，我就是为了这个外观升级的。 ...2013-12-11 17:48:15 · 361 阅读 · 0 评论 -
微博@输入功能的ExtJS实现
微博的@辅助输入功能具有方便快捷的特点，基础功能描述为： 1.在TextArea内输入“@”时，在光标处弹出选项列表。 2.通过键盘或者鼠标选择选项，文本插入到textArea。 人肉相关文章之后才知道：在非ie浏览器下，获得TextArea的光标位置不是一件容易的事情！ 目前大家常用的实现思路是：采用一个屏幕外的div模拟TextArea，通用地插入内容，通过div内光标位...2013-12-26 09:37:34 · 155 阅读 · 0 评论 -
sencha touch的pinch zoom控件
pinch zoom是移动应用中非常实用的手势，尤其用于图片浏览。 遗憾的是sencha touch2仍然没有提供现成的官方控件。 人肉了下，找到以下资源： 1.https://market.sencha.com/extensions/pinch-zoom-image 测试了下这个plug-in，存在明显的性能问题，缩放和平移均存在响应迟滞。 2.https://github...原创 2013-09-01 10:45:19 · 183 阅读 · 0 评论 -
支持导航滚动的Extjs实现
导航滚动组件的形式参考百度百科： http://baike.baidu.com/subview/837441/10940762.htm 它由导航条和可滚动内容两者构成。 它具有以下3个特点： 1. 导航条本身是位置固定（Dock）或浮动的； 2. 点击导航条button，内容区会滚动到相应位置； 3. 在内容区滚动，导航条会自动active当前位置对应的button； ...2015-03-30 13:17:04 · 406 阅读 · 0 评论 -
ExtJS5的grid filter改造
grid控件的检索是前端界面最常见的功能之一。 ExtJS5提供了官方的grid通用检索实现：http://dev.sencha.com/ext/5.1.0/examples/kitchensink/#grid-filtering 该实现用了几个子类分别支持不同的检索类型： 各种类型的效果如下： 数字型： 文本型包含检索： 枚举型检索： 日期型检索...2015-05-11 20:45:48 · 662 阅读 · 0 评论 -
（译）Sencha ExtJS白皮书之一：现代Web堆栈——前端技术分类以助选型
原文链接：http://pages.sencha.com/White-Paper-Modern-Web-Stack.html 概述 今天驱动企业计算发生改变的两个最大动力是多设备计算和云。多设备和云计算正在推动应用程序体系结构朝着更强大的前端和更灵活的后端发展。移动设备正成为业务数据和应用的重要网关。云端- 通常实现为提供丰富的API服务 - 正在迅速成为这波应用新浪潮的后端补充。 ...原创 2014-11-08 12:47:22 · 391 阅读 · 0 评论 -
ExtJS5 整合Spring4之一
原型组成及环境搭建 ExtJS是优秀的前端RIA组件，ExtJS5采用了MVVM模型，它在MVC的基础上引入ViewModel抽象， 实现了在View和Data之间的双向Bind，程序员不需要再关注界面field与数据的双向更新。 在MVVM模型之下，可以轻松实现对数据的CRUD，前端界面通过OOP机制实现最大程度的组件派生和复用。 对于一致性的操作方式，甚至可以对Control...原创 2016-01-03 18:12:13 · 316 阅读 · 0 评论 -
两天完成的一个轻量内容发布
定位 最近项目中需要实现一个轻量的内容发布。市面上常见的内容管理系统大多面面俱到，反而不适合作为一个内嵌的组件，整合到系统中作为一个子模块。 因此决定在现有系统框架下，自行实现一个轻量的内容管理。 工作完成之后，真正附加的开发成果只包括： 一张数据库表：Article文章表 一个json文件：定义树状的网站栏目，允许指定栏目的模版，如果不指定则采用默认模版 两个jsp模版（...原创 2016-03-16 22:57:19 · 203 阅读 · 0 评论 -
符合Ext tree的全国城市列表json格式
需要实现一个多级的中国城市选择树，在以下工程的基础上改进实现了一个： http://ext-ux-form-combotree.googlecode.com/svn-history/r9/trunk/0.2/Ext.ux.TreeCombo.js 该控件存在两个问题，会导致在同一页面同时存在多个tree控件会产生混乱： 1. id:Ext.id(), 所有控件共用一个id？ ...2012-03-21 13:03:58 · 148 阅读 · 0 评论 -
实现通用的CRUD之四——视图定义
接上篇（javaEYE的图片只能插三个？），继续发截图。 选中一条，查看详细： 在详细中，显示子表数据： 截图完毕。 由于上文中我们已经总结出一个与数据库CRUD相对应的界面范式，那么进一步地，可以通过以下javascript代码，简单地给出必要的信息， 告诉ExtJS我们想获得怎样的界面。 相关代码如下： BView.viewMap={ ...原创 2012-03-16 06:05:59 · 204 阅读 · 0 评论 -
实现通用的CRUD之三——仅有RIA还不够
B/S三层架构在安全性、易部署方面有天然的优势，但是HTML简陋的form组件却难与丰富的桌面组件相提并论。于是RIA应运而生。 RIA的出现使得在B/S应用上实现传统C/S应用的复杂界面成为可能。ExtJS和flex都是奔着这一主题产生的。ExtJS采用开放的DOM模型，更为我所欣赏。 ExtJS实现了一套类似传统桌面组件库的，采用OOP和事件机制，具备可扩展性的组件集合。曾经编写桌面应用...原创 2012-03-16 05:49:58 · 98 阅读 · 0 评论 -
Ext的form类型扩展（一）——TreeField
类型:Ext.form.TreeField 扩展自:Ext.form.TriggerField 功能描述:加载一个xml，作为前端选择的tree 参数: url:xml路径 源码及demo:见附件form.rar 说明:将form.rar中包含的文件展开到ext\examples\form 下 在浏览器中访问 http://host:port/ext/examples/form/formext.h...2007-06-29 14:06:54 · 391 阅读 · 0 评论 -
Ext的form类型扩展（二）——AttachField
类名:Ext.form.AttachField 扩展自:Ext.form.TriggerField 功能描述:能够处理多个附件的本地上传、删除、浏览，支持进度显示 如何部署： -------------s端---------------------- 预备工作：建立Web工程，增加dwr支持 1.将附件源码net.bar的java类加入你的Web工程 2.在web.xml加入以下定义 <...2007-06-29 14:56:38 · 185 阅读 · 0 评论 -
RIA带来了什么
随着B/S应用的逐渐兴起，传统的html Form对于完成复杂的表单提交已经越来越力不从心。表现在以下方面： 1.组件类型不够丰富，且缺乏简单有效的扩展机制 例如grid、tree这些常见的需求不得不借助第三方组件（js\applet或者activex形式的） 2.数据的无序 数据是平面型的，例如做一个主、子表的编辑，不得不将结构化数据通过input命名机制转化为平面的form，然后提交的...2007-07-06 09:46:55 · 367 阅读 · 0 评论 -
用Ext编写的远程文件管理
功能描述 作为CMS系统的基础组件,远程文件管理实现了B/S方式的对远程文件夹的管理，包括： 目录和文件的浏览 目录的创建、删除、重命名、移动 文件的上传、删除、重命名、移动 远程文件选择(单选,待实现) 远程目录选择（单选,待实现） 在上述基本功能的基础上进行扩展,可以实现以下系统功能： 网站文件夹管理 文章模板文件夹管理 频道封面及摘要模板管理 网站频道管...2007-08-14 17:40:20 · 124 阅读 · 0 评论 -
采用动态缓存机制的内容发布实现（二）系统组成
结构图 见附件 说明 系统可划分为以远程文件管理为中心的网站管理和以模板引擎为中心页面生成两大部分。 1.网站管理 远程文件管理实现了B/S方式的对远程文件夹的管理，包括： 目录和文件的浏览 目录的创建、删除、重命名、移动 文件的上传、删除、重命名、移动 远程文件选择(单选) 远程目录选择（单选） 在上述基本功能的基础上，可以实现以下系统功能： ...2007-08-24 16:49:31 · 145 阅读 · 0 评论 -
使用json取代传统的form提交
传统的html提交在处理复杂对象的编辑时显得力不从心,结构性的数据在经过后台jsp或者asp处理，展示为前台的html表单后，成为平面型的form的input，这样，当form提交到后台，服务不得不重新将平面型的构造为结构性数据，以进行后续的处理。 在采用O/R mapping的应用中，这样的展示方式成为开发工作的瓶颈。 WebRPC能够实现结构...2007-11-16 11:32:00 · 341 阅读 · 0 评论 -
实现通用的CRUD之一——环境搭建
在B/S应用的开发中，实现数据库表的 CRUD (Create Read Update Delete) 是最常见的任务。如果能够针对这个任务开发出一个通用的组件，则可以实现这类任务代码的复用，在编码上基本做到“零编程”，在测试和维护上则只需要针对通用服务和组件进行测试，在降低工作量的同时大大提升系统的稳定性。 本系列文章总结笔者在实际项目中形成的一种达到上述目标的方法，供同行借鉴。 具...原创 2012-02-23 17:26:00 · 272 阅读 · 0 评论 -
实现通用的CRUD之二—用jsonRPC打通B/S的任督二脉
B/S应用需要解决的一个重要问题是：如何在B/S之间传递数据。同样是采用HTTP协议，当时传递的内容形式已经从最初的平面型的form参数提交，发展为结构型的WebRPC调用。其中DWR、Web Service和JsonRPC是最常见的实现。 WebRPC的基本思路如下：在B端和S端分别实现对象及方法的序列化和反序列化，一个典型的调用过程如下： B端实参调用方法 WebRP...2012-02-26 08:10:42 · 199 阅读 · 0 评论 -
ExtJS5 整合Spring4之二
为ExtJS的grid panel提供restful服务 ExtJS的grid panel集成了负责前端交互的分页、检索、排序。 用浏览器开发者工具查看，可以看到它提交给后台的restful形式： page:1 start:0 limit:27 sort:[{"property":"id","direction":"DESC"}] filter:[{"operator":"like.2016-03-19 11:57:57 · 155 阅读 · 0 评论