Jquery FlexiGrid配置参数说明

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

Resizablecolumns(重设列宽,酷)

Resizableheightandwidth(重设表格大小,这个好像实际应用的不多)

Sortablecolumnheaders(改变列的顺序)

Cooltheme(很酷的风格,现在就更酷了)

Canconvertanordinarytable(可以格式化一个普通的表格)

Abilitytoconnecttoanajaxdatasource(XMLandJSON[new])(支持多种数据格式)

Paging(支持分页)

Show/hidecolumns(支持显示隐藏列)

Toolbar(new)(支持工具栏)

Search(new)(支持快速检索)

AccessibleAPI(易于使用的API)

Manymore(其他。白搭)

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

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,//resizabletable是否可伸缩

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

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

13.dataType:'json',//typeofdataloaded,数据加载的类型,xml,json

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

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

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

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

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

19.useRp:true,//usetheresultsperpageselectbox,是否可以动态设置每页显示的结果数

20.rp:25,//resultsperpage,每页默认的结果数

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:如何能够兼容jQuery1.3+?(默认不兼容)

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

5:如何让某列不参与Toggle?

相关推荐