Jquery FlexiGrid配备参数说明

2012-10-07

Jquery FlexiGrid配置参数说明来看看它的功能有哪些吧？官方的功能列表Resizable columns??（重设列宽，酷）Re

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插件的高度，单位为px05.????????????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,json14.??????????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.????????????//Style40.????????????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？

热点排行

flex

Jquery FlexiGrid配备参数说明