扩展实例

内嵌Json的绑定GridPanel方法

在本站的ExtJs的官方实例中有关于json数据的绑定方法。该方法可以远程读取json文件中的内容,十分方便。这里向大家介绍另一种方法 内嵌Json的绑定GridPanel方法。

演示(demo)地址在文章最后.

效果图如下:

源代码包括:0005_json_include.html

关于日期控件(DateField)在FireFox3下过长的解决办法

FireFox 3.x 出来了一段时间了,很多用户依然使用的是EXTJS 2.02的版本。(很多原因......),日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法:

你必须在CSS中明确设置它的宽度。

.x-date-middle {
    padding-top:2px;padding-bottom:2px;
    width:130px; /* FF3 */
} 

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

SwfUploadPanel 是一个基于 extjs 的插件。可以让用户一次选择多个文件上传,这些文件以队列的方式上传。

如果你并不想要这么强大,这么复杂的上传。请点击这里查看另一篇 表单上传

演示(demo)地址在文章最后.

直接在页面上显示日期控件的方法(2)

官方的例子有介绍如何将DateField添加到FormPanel中。
但有很多时候我们就只是想用漂亮的ExtJs的日期控件,而不想用它的FormPanel.下面例子可以轻松帮你实现。此方法相比方法一增加了简单初始化日期功能。

演示(demo)地址在文章最后.

效果图如下:

去除s.gif的影响

大家在调试 EXTJs的例子时,经常会去访问 http://extjs.com/s.gif ,如果一些不能访问国外网站的朋友(如:校园网,公司限制上网),就会等很久时间,虽然没有什么影响,但也但也非常不爽。

使用百分比设置GridPannel宽度的方法(2)

使用百分比设置GridPannel宽度的方法(2)

使用过Ext的Gird(网格)功能的人都知道它的功能非常强大。
也遇到过当需要将GridPanel的宽度设置为100%的时候(width:100%),
这样grid的宽度变得很长,根本就不是百分百。

使用百分比设置GridPannel宽度的方法(1)

使用百分比设置GridPannel宽度的方法(1)

使用过Ext的Gird(网格)功能的人都知道它的功能非常强大。
也遇到过当需要将GridPanel的宽度设置为100%的时候(width:100%),
这样grid的宽度变得很长,根本就不是百分百。

直接在页面上显示富文本编辑器

官方的例子有介绍如何将HtmlEditor添加到FormPanel中。
但有很多时候我们就只是想用ExtJs的HtmlEditor,而不想用它的FormPanel.下面例子可以轻松帮你实现。上一篇介绍了直接在页面上显示日期控件,其他控件也是类似的做法,不作具体介绍。

直接在页面上显示日期控件的方法(1)

官方的例子有介绍如何将DateField添加到FormPanel中。
但有很多时候我们就只是想用漂亮的ExtJs的日期控件,而不想用它的FormPanel.下面例子可以轻松帮你实现。

演示(demo)地址在文章最后.

效果图如下: