ext-ui.com

扩展实例

ExtJs日期时间选择控件(精确到秒)

一。一些废话
近日来,有几个项目用到了EXTJS作为Web前端。也看到了一些童鞋苦苦在网上寻觅可以选择时间的控件,由于EXTJS版本差异较大,利用官方3.2的Demo制作了一个可以选择到秒的时间控件,该控件只能够用于ExtJs2.2以上的版本。经过测试ExtJs2.02版本不适用该控件,如果你还在使用2.02这个版本或者更老,请绕道。废话不说了,看代码:
二。文件明细:
Spinner.js
SpinnerField.js
DateTimeField.js
三。各文件详解
1.Spinner.js
EXTJS个版本略有不同,最后的文件解压后请覆盖源文件。这里不做详细介绍。
2.SpinnerField.js
EXTJS个版本略有不同,最后的文件解压后请覆盖源文件。这里不做详细介绍。
3.DateTimeField.js

ExtJs3.2综合应用的例子:云计算管理平台

有人说缺一个综合应用的例子,补发一个上来。这个例子涉及到以下主题:
1、如何划分系统模块;
2、如何扩展组件;
3、基本组件Viewport、TreePanel、GridPanel用法。
注意,ext的包比较大,我没放到里面 ,需要你自己把ext3.2的包放进来


TetrisGrid:基于ExtJs Grid实现的一个俄罗斯方块

本实例基于ExtJs、GridPanel组件开发!Ext的Grid的功能、是史无前例的强大、这是无可厚非的!而现在、Master带领你们领略Grid另一个强大功能!没错、它就是TetrisGrid!
Tetris大家都玩过吧!经典中的经典!当你在ExtJs的GridPanel中植入这已游戏的、你是什么心情?绝对的震惊!
以上言论纯属瞎扯、不喜勿喷!仅以此作供大家了解Grid的功能,娱乐之作!
UI小子前端社区、期待你的加入

说明:基于ExtJs3.X版本的GridPanel组件实现、通过对Store的增、删、改、查、渲染...功能的深入解析、使用...

(使用说明)
操作:键盘方向键:up:旋转、left:左移,right:右移

CopyGrid:基于ExtJS的可复制Excel数据的GridPanel

CopyGrid是一个基于Extjs 3.x版本编写的一个可直接复制、粘贴Excel数据的GridPanel。

本插件扩展自Ext.grid.GridPanel组件,在线演示(目前仅支持IE):CopyGrid Demo

复制Excel数据,打开CopyGrid的页面,按Ctrl+Enter键,IE会提示是否使用剪贴板内容,选择【是】即可。

我的第一个基于SenchaTouch的WebApp

经过进一周的各种折腾,各种想放弃,各种纠结,最终还是顺利的完成了SenchaTouch的开发,回想起来感觉“甜甜的”,也充分体会到Sencha MVC开发模式的好处,以及SenchaTouch.js和Extjs的强大和牛逼,不得不佩服,在我看来这绝对是企业级开发非常强大和优雅的UI开发框架,不喜欢的就不要吐槽了。

这几天,天天看SenchaTouch的API,指导教程,论坛,不懂就查,几度崩溃,非常庆幸的是Sencha团队提供了非常完备的documents,一查就知道。开发经历还是有点纠结的,刚开始也是不习惯他的MVC开发,干脆所有js都写在一个页面里面,就这样乱乱的完成了,到最后花了一个晚上的时间将其转换成MVC架构的,才发现其架构的优雅,正是我所追求的,尤其是他对于控件的定位查找,方法绑定等,太帅了,这让我对Extjs4.0权限框架的开发充满了信心!!!

聚合内容