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？