下载地址:https://code.google.com/p/flexigrid/
功能概览
调整列宽
合并列标题
自定义查找
隐藏列
隔行变色
行扩展事件
动态注册外部参数
分页
排序
显示/隐藏表格等。
API详解
1.FlexiGrid属性:
height:
默认值200, flexigrid的高度,单位为px
width:
默认值'auto', flexigrid的宽度,auto表示根据每列的宽度自动计算
striped:
默认值true, 是否显示斑纹效果,默认是奇偶交互的形式
novstripe:
默认值false,是否显示垂直分隔条,默认显示
minwidth:
默认值30, flexigrid列的最小宽度
minheight:
默认值80, flexigrid列的最小高度
resizable:
默认值false, 是否可调整大小
url:
默认值false, ajax方式获取数据对应的url地址
method:
默认值'POST', 数据发送方式
dataType:
默认值'json', 数据加载的类型,xml,json
errormsg:
默认值'发生错误', 错误提升信息
usepager:
默认值false, 是否显示分页条
nowrap:
默认值true, 是否不换行
page:
默认值1, 默认当前页
total:
默认值1,总页数
useRp:
默认值true, 是否可以动态设置每页显示的结果数
rp:
默认值25,默认每页显示的结果数
rpOptions:
默认值[10, 15, 20, 25, 40, 100], 可选择设定的每页结果数
title:
默认值false,标题
pagestat:
默认值'显示记录从{from}到{to},总数 {total} 条', 显示当前页和总页面的样式
procmsg:
默认值 '正在处理数据,请稍候 ...', 正在处理的提示信息
query:
默认值'', 搜索查询的条件
qtype:
默认值'', 搜索查询的类别
qop:
默认值"Eq", 搜索的操作符
nomsg:
默认值'没有符合条件的记录存在', 无结果的提示信息
minColToggle:
默认值1, 最少保留的列数
showToggleBtn:
默认值true, 是否显示隐藏列按钮
hideOnSubmit:
默认值true, 提交时是否显示遮盖
showTableToggleBtn:
默认值false, 是否显示伸缩按钮
autoload:
默认值true, 是否自动加载
blockOpacity:
默认值0.5, 透明度设置
onToggleCol:
默认值false,隐藏列时触发的函数
onChangeSort:
默认值false, 当改变排序时触发的函数
onSuccess:
默认值false, 成功后执行的函数
onSubmit:
默认值false, 调用自定义的函数
showcheckbox:
默认值false, 是否显示第一列的checkbox(用于全选)
rowhandler:
默认值false,启用行的扩展事件功能,在生成行时绑定事件,如双击,右键等
rowbinddata:
默认值false,配合上一个操作,如在双击事件中获取该行的数据
extParam:
默认值{},添加extParam参数可将外部参数动态注册到grid,实现如查询等操作
gridClass:
默认值"bbit-grid",flexigrid的样式
onrowchecked:
默认值false,在每一行的的checkbox选中状态发生变化时触发某个事件
2.FlexiGrid的方法:
flexigrid(p):
根据属性p创建flexigrid
flexReload(p)
根据属性p重新加载flexigrid
flexResize(w,h)
重新指定flexigrid宽度和高度
ChangePage(type)
改变当前页
flexOptions(p)
更新Option
GetOptions
获取Option
getCheckedRows
获取选中的行
flexToggleCol(cid, visible)
重新加载flexigrid
flexAddData(data) Demo
为flexigrid增加数据
noSelect(p)
禁止选中