基于jQuery的GridView-FlexiGrid的使用和改造（1）－－如何使用，完全参数说明

核心提示： Paging （支持分页） Show/hide columns （支持显示隐藏列） Toolbar (new) （支持工具栏） Search (new) （支持快速检索） Accessible API （易于使用的API） Many more （其他，白搭） 还是和其他控件一下，基于jQuery

Paging （支持分页）

Show/hide columns （支持显示隐藏列）　

Toolbar (new)　 （支持工具栏）

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

Accessible API　 （易于使用的API）

Many more （其他。白搭）

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

01.//　引用默认属性
02.　　　　　　　　p　=　$.extend({
03.　　　　　　　　　　　　height:　200,　//flexigrid插件的高度，单位为px
04.　　　　　　　　　　　　width:　'auto',　//宽度值，auto表示根据每列的宽度自动计算，在IE6下建议设置具体值否则会有问题
05.　　　　　　　　　　　　striped:　true,　//是否显示斑纹效果，默认是奇偶交互的形式
06.　　　　　　　　　　　　novstripe:　false,//没用过这个属性
07.　　　　　　　　　　　　minwidth:　30,　//列的最小宽度
08.　　　　　　　　　　　　minheight:　80,　//列的最小高度
09.　　　　　　　　　　　　resizable:　false,　//resizable　table是否可伸缩
10.　　　　　　　　　　　　url:　false,　//ajax　url,ajax方式对应的url地址
11.　　　　　　　　　　　　method:　'POST',　//　data　sending　method,数据发送方式
12.　　　　　　　　　　　　dataType:　'json',　//　type　of　data　loaded,数据加载的类型，xml,json
13.　　　　　　　　　　errormsg:　'发生错误',　//错误提升信息
14.　　　　　　　　　　　　usepager:　false,　//是否分页
15.　　　　　　　　　　　　nowrap:　true,　//是否不换行
16.　　　　　　　　　　　　page:　1,　//current　page,默认当前页
17.　　　　　　　　　　　　total:　1,　//total　pages,总页面数
18.　　　　　　　　　　　　useRp:　true,　//use　the　results　per　page　select　box,是否可以动态设置每页显示的结果数
19.　　　　　　　　　　　　rp:　25,　//　results　per　page,每页默认的结果数
20.　　　　　　　　　　　　rpOptions:　[10,　15,　20,　25,　40,　100],　//可选择设定的每页结果数
21.　　　　　　　　　　　　title:　false,　//是否包含标题
22.　　　　　　　　　　　　pagestat:　'显示记录从{from}到{to}，总数　{total}　条',　//显示当前页和总页面的样式
23.　　　　　　　　　　　　procmsg:　'正在处理数据，请稍候　...',　//正在处理的提示信息
24.　　　　　　　　　　　　query:　'',　//搜索查询的条件
25.　　　　　　　　　　　　qtype:　'',　//搜索查询的类别
26.　　　　　　　　　　　　qop:　"Eq",　//搜索的操作符
27.　　　　　　　　　　　　nomsg:　'没有符合条件的记录存在',　//无结果的提示信息
28.　　　　　　　　　　　　minColToggle:　1,　//允许显示的最小列数
29.　　　　　　　　　　　　showToggleBtn:　true,　//是否允许显示隐藏列，该属性有bug设置成false点击头脚本报错。
30.　　　　　　　　　　　　hideOnSubmit:　true,　//是否在回调时显示遮盖
31.　　　　　　　　　　　　showTableToggleBtn:　false,　//是否显示【显示隐藏Grid】的按钮　
32.　　　　　　　　　　　　autoload:　true,　//自动加载，即第一次发起ajax请求
33.　　　　　　　　　　　　blockOpacity:　0.5,　//透明度设置
34.　　　　　　　　　　　　onToggleCol:　false,　//当在行之间转换时，可在此方法中重写默认实现，基本无用
35.　　　　　　　　　　　　onChangeSort:　false,　//当改变排序时，可在此方法中重写默认实现，自行实现客户端排序
36.　　　　　　　　　　　　onSuccess:　false,　//成功后执行
37.　　　　　　　　　　　　onSubmit:　false,　//　调用自定义的计算函数，基本没用　　　　　　　　
38.　　　　　　　　　　　　//Style
39.　　　　　　　　　　　　gridClass:　"bbit-grid"//样式　　　　　　　　　　　
40.　　　　　　　　},　p);

编缉推荐阅读以下文章

• 暂无相关文章