开发学院网页设计 JavaScript 基于jQuery的GridView-FlexiGrid的使用和改造（1）... 阅读

基于jQuery的GridView-FlexiGrid的使用和改造（1）－－如何使用，完全参数说明

　2009-11-08 00:00:00　来源：WEB开发网　　　

核心提示： 另外的两个属性colModel，buttons 不是默认属性，基于jQuery的GridView-FlexiGrid的使用和改造（1）－－如何使用，完全参数说明(4)，内容说明如下colModel : 列定义数组一个数组，数组的元素说明如下 colModel 参数说明: display :显示

另外的两个属性colModel，buttons 不是默认属性，内容说明如下

colModel : 列定义数组　　

一个数组，数组的元素说明如下

colModel 参数说明:

display :显示名称

必须设置 ,类型:string, 默认值:无

name :字段名称

必须设置 ,类型:string,默认值:无

width :宽度

必须设置 , 类型:string ,默认值：无

sortable:是否可排序

类型:boolen , 默认值:false

process:处理程序

类型:function ,可格式化单元格

hide :是否隐藏

类型: boolen,默认值：false

buttons : 工具栏Button定义　　

一个数组，数组的元素说明如下

buttons 参数说明:

name :Botton的标识

类型:string , 默认值:无

bclass :样式

类型:boolen,默认值:无

onpress :当button被点击时触发的事件

接受button的name为第一个参数，Grid为第二个参数的一个function

separator :是否分隔符

和前面四个属性互斥，当这个属性设置为True时，输出一个分隔符号，不是一个button 默认值:false

参数说明完毕，至于如何使用，那么请参考文中介绍的那篇文章吧？

虽然Flexigrid已然算是优秀，但是问题还是有？比如：

1：如果在列首添加checkbox列（默认不支持），

2：如何给行附加事件（如右键或双击）或者在最后列添加操作列？同时获取该列的数据?

3: 如何能够兼容 jQuery 1.3+?(默认不兼容)

4：如何改善性能问题（IE的脚本执行能力实在是可怜，特别在IE6下，当行列多时，总是有2-3秒的停滞）

5：如何让某列不参与Toggle？

这些我将在下篇分析如何实现上述问题.都是我在实际项目中所解决的问题，修改列表

1:修改每次都要获取记录数的bug，如果返回的记录数小于0，即没有总获取记录数，则使用上一次的获取到的记录数

2008-12-30　　 2：showToggleBtn　设置为false　时，点击头报错的bug（未修改）　 3:修改提示信息为中文　　 2008-12-30　 4:修改默认样式，提供蓝色皮肤　 2008-12-31　 5：Toolbar中的button增加displayname;　 6:快速检索增加正则表达式验证　 7:增加选择列和全选功能　，修改默认行点击选中为False。　 8:可从外部集成行事件-示例：集成右键功能　 2009-1-15　 9:修改当Jquery升级到1.3.1后的bug　 2009-2-4　 10:　添加Resize方法　 2009-02-16　 11:优化Table的动态添加方式　 2009-02-17　 12:修正了Json数据的row为null时脚本报错的问题　 2009-02-18　 13　:新增getCheckedRows方法获取Grid中的选中行，返回是行主键的数组　 2009-3-6　 14:　添加grid获取Option的方法　 2009-7-31　 15　分页的样式略作调整，给按钮加上title　 2009-8-3　 16　新增列不参与toggle，只需配置列的toggle=false　修改了添加数据的逻辑，提高了性能　60%　左右　 2009-8-18