扩展实例

ExtJs editor插件扩展

Posted 周二, 05/21/2013 - 21:32 by admin

Ext.ux.grid.RowEditor 是个非常不错的插件，但是不便之处就是不同gird 总要根据这个grid制定相应的编辑器，因为每个grid修改后post给后台的参数不一样，主要麻烦在自定义post参数上面，其实很早之前就想自己稍微扩展下，让它自动帮我识别参数，下面是代码，希望借此抛砖引玉(插入js不行,)：

用ExtJs为表格单元格增加Tooltips浮动信息

Posted 周六, 05/04/2013 - 15:06 by admin

ExtJs证实了其十分强大的界面定制能力，其中的提供的ToolTips功能比HTML里的如下语句定制性更强，完全可以代替如下功能

<a href="http://dfdfd" title="TIPS">Some Text</a>

ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的，其中Ext.ToolTip的定制功能很强，具体效果可以参考，具体配置代码如下，

ExtJs 3.4 和 Web SSH（Ajaxterm）

Posted 周日, 04/14/2013 - 13:09 by admin

今天在整理服务器列表的时候，想着可以不可以快速连接到服务器，之前也见过webssh ，google一番后发现了Ajaxterm，是用python开发的，下载下来试用一下还不错，速度还可以，Ajaxterm我大致看了下，没看的很明白，以后清楚了再补上，先看下图片

ExtJS 下书写动态生成的xml(兼容Firefox)

Posted 周五, 04/05/2013 - 14:13 by admin

只能有IE可以运行，为了兼容性，必须考虑火狐的用户，所以，这个程序为了：火狐用户的兼容性；没有本地XML也可以动态生成。

效果如下图:


ExtJs日期时间选择控件（精确到秒）

Posted 周三, 02/27/2013 - 23:21 by admin

一。一些废话
近日来，有几个项目用到了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综合应用的例子:云计算管理平台

Posted 周日, 01/20/2013 - 09:31 by admin

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


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

Posted 周日, 01/20/2013 - 09:14 by admin

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

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

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

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

Posted 周一, 12/31/2012 - 11:31 by admin

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

本插件扩展自Ext.grid.GridPanel组件，在线演示（目前仅支持IE）：CopyGrid Demo

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

我的第一个基于SenchaTouch的WebApp

Posted 周二, 12/11/2012 - 10:54 by admin

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

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

ExtJs 4给菜单和按钮加上快捷键

Posted 周二, 12/11/2012 - 09:50 by admin

这个插件不是我平地起高楼写出来的，是从sencha的论坛上拷贝过来的，原文链接在这里。但是原文给出的插件只能在extjs3上运行，
而不能在extjs4上运行。所以我修改成如下的代码，在extjs4.0.7下测试通过。

Ext Core实现Checkbox的全选

Posted 周二, 03/09/2010 - 01:51 by admin

全选/不选在很多时候我们都会使用到,在Ext Core出来之前,我一直使用纯javascript写的全选,反选.虽然可以实现,但代码始终还是不够简洁.现在我们使用Ext Core,简单的几句代码就可以实现这一个功能.
实现方法如下:

1,新建一个 check_all_none.html.

ExtCore AJAX使用入门

Posted 周二, 01/12/2010 - 20:56 by admin

ExtCore是Ext团队继ExtJs后发布的一款轻量级,适合在网站上使用的JS框架.目标就是要争夺jQuery所占领的市场.
那么ExtCode有什么新的功能可以吸引我们呢?
废话少说,我们先来看看它在AJAX方面是如何简化我们开发的.ExtCore是Ext团队继ExtJs后发布的一款轻量级,适合在网站上使用的JS框架.目标就是要争夺jQuery所占领的市场.
那么ExtCode有什么新的功能可以吸引我们呢?
废话少说,我们先来从下面几个例子来看看它在AJAX方面是如何简化我们开发的.

ExtCore扩展 - 时间选择控件(TimePicker)

Posted 周三, 12/30/2009 - 16:24 by admin

这是本站开发的第一个ExtCore扩展,虽然说是第一个扩展,但其实这只是根据 jquery版的 timedatepicker,只是将jqery部分改为了ExtCore.由于只有我一个人在使用,问题肯定会有很多,希望大家一起来完善它.

简介: