Jquery FlexiGrid配置参数说明

来看看它的功能有哪些吧？官方的功能列表

• Resizable columns  （重设列宽，酷）
• Resizable height and width  （重设表格大小，这个好像实际应用的不多）
• Sortable column headers  (改变列的顺序)
• Cool theme （很酷的风格，现在就更酷了）
• Can convert an ordinary table  （可以格式化一个普通的表格）
• Ability to connect to an ajax data source (XML and JSON[new])  （支持多种数据格式）
• Paging （支持分页）
• Show/hide columns （支持显示隐藏列） 
• Toolbar (new)  （支持工具栏）
• Search (new)  （支持快速检索）
• Accessible API  （易于使用的API）
• Many more （其他。白搭）

 

还是和其他控件一下，第一步来看下参数吧，默认参数比较多，大多的参数都比较有用

01.       

02. // 引用默认属性

03.         p = $.extend({

04.             height: 200, //flexigrid插件的高度，单位为px

05.             width: 'auto', //宽度值，auto表示根据每列的宽度自动计算，在IE6下建议设置具体值否则会有问题

06.             striped: true, //是否显示斑纹效果，默认是奇偶交互的形式

07.             novstripe: false,//没用过这个属性

08.             minwidth: 30, //列的最小宽度

09.             minheight: 80, //列的最小高度

10.             resizable: false, //resizable table是否可伸缩

11.             url: false, //ajax url,ajax方式对应的url地址

12.             method: 'POST', // data sending method,数据发送方式

13.             dataType: 'json', // type of data loaded,数据加载的类型，xml,json

14.           errormsg: '发生错误', //错误提升信息

15.             usepager: false, //是否分页

16.             nowrap: true, //是否不换行

17.             page: 1, //current page,默认当前页

18.             total: 1, //total pages,总页面数

19.             useRp: true, //use the results per page select box,是否可以动态设置每页显示的结果数

20.             rp: 25, // results per page,每页默认的结果数

21.             rpOptions: [10, 15, 20, 25, 40, 100], //可选择设定的每页结果数

22.             title: false, //是否包含标题

23.             pagestat: '显示记录从{from}到{to}，总数 {total} 条', //显示当前页和总页面的样式

24.             procmsg: '正在处理数据，请稍候 ...', //正在处理的提示信息

25.             query: '', //搜索查询的条件

26.             qtype: '', //搜索查询的类别

27.             qop: "Eq", //搜索的操作符

28.             nomsg: '没有符合条件的记录存在', //无结果的提示信息

29.             minColToggle: 1, //允许显示的最小列数

30.             showToggleBtn: true, //是否允许显示隐藏列，该属性有bug设置成false点击头脚本报错。

31.             hideOnSubmit: true, //是否在回调时显示遮盖

32.             showTableToggleBtn: false, //是否显示【显示隐藏Grid】的按钮 

33.             autoload: true, //自动加载，即第一次发起ajax请求

34.             blockOpacity: 0.5, //透明度设置

35.             onToggleCol: false, //当在行之间转换时，可在此方法中重写默认实现，基本无用

36.             onChangeSort: false, //当改变排序时，可在此方法中重写默认实现，自行实现客户端排序

37.             onSuccess: false, //成功后执行

38.             onSubmit: false, // 调用自定义的计算函数，基本没用        

39.             //Style

40.             gridClass: "bbit-grid"//样式           

41.         }, p);

另外的两个属性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？