jQuery MiniUI,Ajax Web开发

官方实例

高级标签(Advanced Tabs)

上一节简单介绍了标签(tabs)的用法,下面我们来看一下它的一些高级功能,动态添加标签.

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

效果图如下:

例子包括两个文件tabs-adv.html 和 tabs-adv.js

基本标签(Basic Tabs)

现在PC已经越来越快,内存也越来越多,标签(tabs)已经在网络上广泛使用。

标签(tabs)可以很方便地在多个页面切换。

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

效果图如下:

定制:网格插件(Customizing: Grid Plugins)

前几篇介绍ExtJs网格(Grids)的强大功能,可能上面并没有你需要的,下面我们就来简单介绍一下定制网格(Grids)插件的几个例子。

演示地址:http://extjs.org.cn/extjs/examples/grid/grid3.html

效果图如下,非常炫:


上传表单(Upload Forms)[PHP版]

ExtJs的文件上传功能官方的例子中并没有,但做网站的都知道,这个功能在十个系统中九个可能都需要这样的功能。废话少说,下面一起来分享一下ExtJs上传文件功能。

为了更方便asp.net的会员,于是写了另一篇上传表单(Upload Forms)[ASP.NET版]的。请点击这里查看.

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

效果图1(上传前):

实时分组统计(Live Group Summary)

这一篇介绍ExtJs为我们带来了以很强大的效果,实时分组统计功能。下面我们来看看它是怎么样实现的。

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

效果图如下:

用到的有两个文件totals.html和totals.js。如果没有特别声明,.html跟.js文件名是一样的。

分组(Grouping)

这一篇介绍ExtJs为我们带来了以很强大的效果,网格的分组功能。下面我们来看看它是怎么样实现的。

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

效果图如下:

用到的有两个文件grouping.html和grouping.js。如果没有特别声明,.html跟.js文件名是一样的。

可编辑的网格(Editable Grid)

前一节跟大家介绍了 JSON网格(JSON Grid)以JSON格式的数据绑定.相信大家都有用过excel的,很怀念excel点击单元格即可以编辑的功能,现在好了,ExtJs框架已经为我们提供了这样的功能,下面我们一起来领略一下吧。

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

效果图如下:

用到的有三个文件plants.xml、edit-grid.html和edit-grid.js。如果没有特别声明,.html跟.js文件名是一样的。

JSON网格(JSON Grid)

前一节跟大家介绍了 XML网格(XML Grid)以xml格式的绑定,在这个AJAX流行年代,xml绑定已经满足不了我们的需求。ExtJs又为我们提供了JSON格式数据绑定的方法,下面我们来看看效果

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

效果图如下:

用到的有三个文件survey.html、xml-grid.html和xml-grid.js。如果没有特别声明,.html跟.js文件名是一样的。

XML网格(XML Grid)

前一节跟大家介绍了 基本数组网格(Basic Array Grid)以javascript数组的方式绑定的,在实际的开发应用中,很多情况数据源是xml格式的,那么ExtJs框架有没有提供xml格式的绑定的?答案是: 有

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

效果图如下:

基本数组网格(Basic Array Grid)

在我们的项目中,大家经常都会用到网格(Grids)来展示数据。
我们经常要面对的问题就是,可以按每一列排序,表头固定不动,内容可以滚动等等。
在引入了ExtJs后,这些就不再需要我们来完成了。大家看下面这张效果图:

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

效果图如下: