一个典型的 jquery flexigrid配置

｛height: 200, //插件的高度，单位为px,高度也可以为auto，如果是auto，则有几行就会是几行的高度

width: ‘auto’, //宽度值，auto表示根据每列的宽度自动计算，在IE6下建议设置具体值否则会有问题

striped: true, //是否显示斑纹效果，默认是奇偶交互的形式

novstripe: false,//没用过这个属性

minwidth: 30, //列的最小宽度

minheight: 80, //列的最小高度

resizable: false, //resizable table是否可伸缩

url: false, //ajax url,ajax方式对应的url地址

method: ‘POST’, // data sending method,数据发送方式

dataType: ‘json’, // type of data loaded,数据加载的类型，xml,json

errormsg: ‘发生错误’, //错误提升信息

usepager: false, //是否分页

nowrap: true, //是否不换行

page: 1, //current page,默认当前页

total: 1, //total pages,总页面数

useRp: true, //use the results per page select box,是否可以动态设置每页显示的结果数

hideOnSubmit: true, //是否在回调时显示遮盖

showTableToggleBtn: false, //是否显示【显示隐藏Grid】的按钮

autoload: true, //自动加载，即第一次发起ajax请求

blockOpacity: 0.5, //透明度设置

onToggleCol: false, //当在行之间转换时，可在此方法中重写默认实现，基本无用

onChangeSort: false, //当改变排序时，可在此方法中重写默认实现，自行实现客户端排序

rp: 25, // results per page,每页默认的结果数

rpOptions: [10, 15, 20, 25, 40, 100], //可选择设定的每页结果数

title: false, //是否包含标题

pagestat: ‘显示记录从{from}到{to}，总数 {total} 条’, //显示当前页和总页面的样式

procmsg: ‘正在处理数据，请稍候 …’, //正在处理的提示信息

query: ”, //搜索查询的条件

qtype: ”, //搜索查询的类别

qop: “Eq”, //搜索的操作符

nomsg: ‘没有符合条件的记录存在’, //无结果的提示信息

minColToggle: 1, //允许显示的最小列数

showToggleBtn: true, //是否允许显示隐藏列，该属性有bug设置成false点击头脚本报错。

onSuccess: false, //成功后执行，这个挺有用

onSubmit: false, // 调用自定义的计算函数，基本没用

//Style

gridClass: “bbit-grid”//样式

}

Flexigrid colModel 的配置，在配置中 colModel 是个数组。用来规定显示的列以及数据

属性名 类型 描述

display string 显示的列名

name string 绑定的列名

sortable bool 是否可以排序

align string 对其方式

width int 列的宽度

hide bool 是否隐藏该列

pk bool 是否为主键标识、如果是则隐藏该列，值存入隐藏域中

process function

customValue function 自定义显示值。(如性别：数据库为Bit类型，通过customValue方法返回“男/女”)参数：value,i

———————————————————————————————-

Flexigrid的默认事件

事件名 参数 描述 返回值

onDragCol dcoln,dcolt 拖动列后触发 无

onToggleCol cid,visible 隐藏/显示列后触发 无

onChangeSort sortname,sortorder 自定义排序事件 无

onChangePage newp 自定义翻页事件 无

onSuccess 无 数据获取成功时触发 无

onError XMLHttpRequest,textStatus,errorThrown 出现错误时触发 无

onSubmit 无 在获取数据前时触发 bool

onRowSelect this 行选中事件 无

———————————————————————————————-

Flexigrid的button设置

属性名 类型 描述

name string 按钮名称

bgclass string 样式

onpress function 点击触发的方法

separator bool 分割线

———————————————————————————————-

Flexigrid的searchitems配置

属性名 类型 描述

display string 搜索类型下拉列表框：显示的列名

name string 搜索类型下拉列表框：绑定的列名

isdefault bool 是否为默认搜索类型

//注：如果searchitems：true，则自动根据所有字段生成下拉列表框