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?
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值