手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery 应用 JQuery.groupTable.js
JQuery 应用 JQuery.groupTable.js
摘要:我写了个JQUERY的插件。来实现分组的效果。图2.这是一个简单的分组效果,根据表的第一列“Department"来分组图3,也可以对多个列...

我写了个JQUERY 的插件。来实现分组的效果。

JQuery 应用 JQuery.groupTable.js1

图2. 这是一个简单的分组效果,根据表的第一列“Department" 来分组

JQuery 应用 JQuery.groupTable.js2

图3, 也可以对多个列来分组,根据第一列”Department" 和第四列 ”Gender“ 来分组。分组前,先对要选择的列进行排序,这在提取数据的时候可以完成,

就没有在客户端再去实现。

JQuery 应用 JQuery.groupTable.js3

图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0;

JQuery 应用 JQuery.groupTable.js4

通过写这个JQuery 控件,深刻体会到它的强大。整个代码不到100行。

在ASP.NET 里面。 gridView 默认显示的时候,不会加上TBODY 标记。 为了让GridView 的类容显示在TBODY,在Page load 里面可以加上下面的代码

GridView1.UseAccessibleHeader=true; GridView1.HeaderRow.TableSection = TableRowSection.TableHeader; GridView1.FooterRow.TableSection = TableRowSection.TableFooter;

这样就可以用JQuery.groupTable 来处理 gridview 生成的table 了。

打包下载

欢迎大家多提意见。

【JQuery 应用 JQuery.groupTable.js】相关文章:

实现高性能JavaScript之执行与加载

nodejs怎么简单实现中英文翻译

javascript实现在网页任意处点左键弹出隐藏菜单的方法

AngularJS数据源的多种获取方式汇总

深入浅析JavaScript面向对象和原型函数

javascript搜索框效果实现方法

jQuery仿gmail实现fixed布局的方法

获得当前页面URL地址的三个JS代码

jQuery插件制作之全局函数用法实例

js获取字符串字节数方法小结

精品推荐
分类导航