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?