扩展实例

解决下拉列表长度固定时选项被截取(ie6,ie7)

我们在写程序的时候经常会由于版面的限制,把下拉列表的宽度用CSS作限制.

在IE下会造成下拉选项的宽度也会被截取.在firefox3.0 及 chrome下是正常的.

在这里的解决办法是通过js+css的方式来解决.

JavaScript Toolkit for Rich Web Mapping Applications

GeoExt整合了地理信息OpenLayers与Ext JS炫酷的用户界面,
用以帮助您创建强大的桌面式地理信息系统与JavaScript的网络应用程序。

例子:

重新加载Combobox的数据

在一个已经加载了数据的Combobox中,通过某些事件改变这一个Combobox的值.
一般用在二级菜单联动,如选择省份/城市,选择大类/小类 等等.

演示地址:
http://extjs.org.cn/ux/user-examples/Combobox/reloadcom.html

源代码:
reloadcom.html
http://extjs.org.cn/ux/user-examples/source.php?filename=Combobox/reloadcom.html
reloadcom.js
http://extjs.org.cn/ux/user-examples/source.php?filename=Combobox/reloadcom.js
reloadcom.php
http://extjs.org.cn/ux/user-examples/source.php?filename=Combobox/reloadcom.php

作者:肥占

ScriptTagProxy解决跨域json调用

相信很多朋友有时候会调用一些跨域的json,这时候用Ext.data.HttpProxy 就不灵了,这是由于安全方面的原因.Ext也为我们提供了另一个专门跨域调用的类,Ext.data.ScriptTagProxy,下面我们来看看这一个方法如何使用.
我们先来看一段Ext例子里面的代码:

弹出的Window中嵌入iframe

弹出的 Window 中嵌入 iframe
这个例子告诉我们如何在window中嵌入一个iframe..
一般应用在需要调用第三方页面的时候.如调用通用的上传文件功能.
另外还可以在自己的网站上显示另外一个网站的新闻/图片.(这招还是不要用得太多..)弹出的 Window 中嵌入 iframe

这个例子告诉我们如何在window中嵌入一个iframe..

复杂的数据绑定

这个例子演示了怎么样通过组件来实现数据绑定.数据的保存记录放在gird store中.当你点击某一列时,该行记录将被绑定到panel和form中.

在grid上所作的修改将会自动同步到Panel和Form中.而在Form上所作的修改也会被同步到Panel和Grid中.实际上数据的改变是在同一个地方.

备注: 这个例子不适合初学者
这个例子演示了怎么样通过组件来实现数据绑定.数据的保存记录放在gird store中.当你点击某一列时,该行记录将被绑定到panel和form中.

在grid上所作的修改将会自动同步到Panel和Form中.而在Form上所作的修改也会被同步到Panel和Grid中.实际上数据的改变是在同一个地方.

备注: 这个例子不适合初学者

演示地址:
http://extjs.org.cn/ux/user-examples/ApplicationDesign/databind.html

源代码:
databind.html
http://extjs.org.cn/ux/user-examples/source.php?filename=ApplicationDesign/databind.html
databind.js
[url]h

ExtJs Grid导出到Excel(修正版)

以下的几个问题我都已经整理和修改:
1、没有考虑到含有序号和选择框的grid,
2、utf8转换bug.
3、宽度的bug
4、不支持ie6、ie7和Safari

带进度条的Flash多文件上传面板(SwfUploadPanel)(改进版)

这一次的更新是主要是解决了falshplayer10带来的安全性问题还导致不能上传文件.
但也带来一个问题,这个控件并不支持flashpayer8.仅仅支持flashplayer9,10.

效果图:

有撤消/重做功能的HtmlEditor插件 - HTMLEditorImage

    这个插件提供了对HtmlEditor工作的撤消/重做功能.该功能类似word中的撤消/重做,在编辑较长文章的时候非常有用.一个在线富文本编辑器必备的功能.

可以选择样式的HtmlEditor插件 - HTMLEditorStyles

这个改进版本的 HtmlEditor和工具栏 为我们的工具提供了更大的可扩展性.可以很方便的在编辑器中添加指定的样式,然后让用户可以选择.非常实用的一个插件.

可上传图片的HtmlEditor插件 - HTMLEditorImage

这个插件提供了在HtmlEditor可插入和编辑图片的功能. (扩展自我的HTMLEditor).
其中还包括了一个图像浏览器,参照了ExtJs官方的DataVie例子.DataView Example
完整版本的所有文件都在这里了,但我在这个例子中屏蔽了上传和删除的图片的功能,我不想大家做这一个演示.所有js文件都有详细的注释.

PHP开发EXT应用框架 - PHP-EXT

    现在从事PHP网站开发的人员并不在少数,使用ExtJs的人更加不在少数,但很多PHP程序员并不熟悉Javascript,但又非常喜欢使用ExtJs.以前他们只能看着JAVA或者.NET的开发者可以使用服务器端的语言来写ExtJs,现在PHP中也有了类似的框PHP-EXT .

基于ExtJs的ASP.NET AJAX Web Controls - coolite

    一个非常强大的ASP.NET AJAX Web Controls,基于EXtJs开发,基本包括了所有ExtJs中的组件,唯一不好的是,跟ExtJs一样,这些Web Controls并不是免费的.商业用途需要交版权使用费.