jQuery MiniUI,Ajax Web开发

扩展实例

ExtJs editor插件扩展

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

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

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)

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

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

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

效果如下图:


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权限框架的开发充满了信心!!!

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

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

Ext Core实现Checkbox的全选

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

1,新建一个 check_all_none.html.

ExtCore AJAX使用入门

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

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

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

简介: