官方实例

基本组合框(Basic ComboBox)

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

效果图如下:

定制:门户网站(Customizing: Portals)

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

效果图如下:

主要文件portal.html。

固定布局(Anchor Layout)

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

效果图如下:

主要文件anchor.html。

区域布局(Border Layout)

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

效果图如下:

主要文件complex.html。

定制:列树(Customizing: Column Tree)

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

效果图如下:

主要文件column-tree.html,column-tree.js,column-tree.css,ColumnNodeUI.js,column-data.php(一般服务器不支持.json后缀,我将column-data.json改为column-data.php)。

多棵树(Multiple trees)

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

效果图如下:

主要文件two-trees.html,two-trees.js。

拖放排列(Drag and Drop Reordering)

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

效果图如下:

主要文件reorder.html,reorder.js和get-nodes.php。

布局窗口(Layout Window)

ExtJs中的窗体是最吸引我们的地方,熟练运用之后,你做出来的页面,效果你自己也会大吃一惊.下面我们来看看 布局窗口(Layout Window) 这个例子.

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

效果图:

例子包括两个文件layout.html 和 layout.js

对话框(MessageBox)

ExtJs中的消息对话框一样是最吸引我们的地方,为你的页面添加了许多新的元素.出来的对话框不再是千篇一律的浏览器自带的样式.

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

效果图:

Hello World

ExtJs中的窗体是最吸引我们的地方,熟练运用之后,你做出来的页面,效果你自己也会大吃一惊.下面我们来看看第一个例子 Hello World .

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

效果图:

例子包括两个文件hello.html 和 hello.js