Flexigrid(HUGO.CM修改版v1.1)

1. Flexigrid(HUGO.CM修改版v1.1)

1.1. 使用说明

1.1.1. 加载flexigrid。p：选项参数集合

$(“”).flexigrid(p);

1.1.2. 重新加载数据。

$(“”).flexReload(p);

1.1.3. 更改flexigrid参数。P：选项参数集合

$(“”).flexOptions (p);

1.1.4. 隐藏/显示列。cid：列索引，visible：bool

$(“”).flexToggleCol (cid, visible);

1.1.5. 绑定数据。Data：数据源

$(“”).flexAddData (data);

1.1.6. no select plugin by me 。不知道做什么用的

$(“”).noSelect (p);

1.1.7. 重新指定宽度和高度。

$(“”).flexResize(w,h);

1.1.8. 翻页。type：first、prev、next、last、input

$(“”).changePage(type);

1.2. 属性

属性名 类型 描述 默认值 height width striped

int / auto int / auto bool 高度 宽度 是否隔行变色 200 auto true

novstripe minwidth minheight resizable url method dataType errormsg usepager nowrap useRp page total rp bool int int bool string string string string bool bool bool int int int 是否隐藏列间隔线 最小宽度 最小高度 是否可调整Grid大小 ajax请求路径 数据提交方式 数据类型 错误提示 是否使用分页 是否换行 是否显示页面跳转框 当前页码 总数据行数 每页显示行数 false 20 100 true 本页面 post json 连接错误 true true true 1 1 10 [10, 15, 30, 50,100,200] 数据列表 rpOptions string 选择每页显示的数据行数 title string Grid的标题 当前显示数据 {from} 到 pagestat string 分页提示信息 {to} 条，共 {total} 条数据

findtext string 搜索文本提示 条件搜索 procmsg string 加载数据提示信息 正在处理，请稍等 ... query qtype sortname Sortorder string string string string 搜索条件 搜索字段名 排序字段名 升序或降序 nomsg string 没有数据提示信息 找不到符合条件的数据 1 true true minColToggle showToggleBtn hideOnSubmit showTableToggleBtn autoload blockOpacity webmethod checkbox int bool bool 最少要显示列数量 是否显示选择显示列 是否显示遮盖 bool 是否隐藏Grid false bool float bool bool 是否自动加载 透明度 是否调用WebServer的WebMethod 是否显示checkbox列 true 0.5 false false

1.3. 对象集合

1.3.1. colModel

属性名 类型 描述

display name sortable align width hide pk process string string bool string int bool bool function 显示的列名 绑定的列名 是否可以排序 对其方式 列的宽度 是否隐藏该列 是否为主键标识、如果是则隐藏该列，值存入隐藏域中 自定义显示值。(如性别：数据库为Bit类型，通过customValuecustomValue function 方法返回“男/女”) 参数：value,i

1.3.2. buttons

属性名 name bgclass onpress separator 类型 string string function bool 按钮名称 样式 点击触发的方法 分割线 描述

1.3.3. searchitems

属性名 类型 描述

display name isdefault string string bool 搜索类型下拉列表框：显示的列名 搜索类型下拉列表框：绑定的列名 是否为默认搜索类型 注：如果searchitems：true，则自动根据所有字段生成下拉列表框

1.4. 事件

事件名 onDragCol onToggleCol 参数 dcoln、dcolt cid、visible sortname、sortorder newp 无 XMLHttpRequonError est、textStatus、errorThrown onSubmit onRowSelect 无 this 在获取数据前时触发 行选中事件 bool 无 出现错误时触发 无 拖动列后触发 隐藏/显示列后触发 描述 无 无 返回值 onChangeSort 自定义排序事件 无 onChangePage onSuccess 自定义翻页事件 数据获取成功时触发 无 无

1.5. 其他说明

1.5.1. 修改了Data的格式。

目前仅支持Json

{\Hire - Job not

specified\Executive Officer\

1.5.2. 添加了可以调用WebServer

原版的我是调用不了WebServer。所以自己修改了一下。

设置Webmethod ：ture就可以调用了

1.5.3. 添加序号列 1.5.4. 添加复选框列

为个人习惯添加而已。

设置checkbox ：ture就可以调用了

1.5.5. 隐藏主键或标识列

将隐藏列的值存放在隐藏域中。 在工具栏()中的单击事件中使用： function call(a, b) {

$(\

alert(\选择主键：\

});

alert(\点击的[\按钮 : 选择了\

b).length + \列数据\

}

1.5.6. 自定义显示值

比如在数据库中存入的是bit。但是显示的时候要是男和女。这样就可以用到这方法了。

在colModel添加customValue: function(value, colIndex)

1.5.7. 自动绑定数据

在实际情况中，一般界面显示的列表是不确定定。在Asp.Net中DataGrid控件可以自动绑定显示数据。所以不指定colModel。就会根据Ajax返回的值()。自动生成colModel对象，然后绑定数据。由于时间问题。除了列头名称是动态

指定，其他参数都是指定死的。而且默认第一列数据为主键标识，并且不显示。

1.6. 后记

此修改本是结合本人的实际情况+上网上现有的参考。并且经历3个多星期“日夜兼程”对此插件的研究与修改(本人对Jquery目前还是入门阶段)。初步的实现自己想要的功能，多少还有些瑕疵。可能存在大量bug。希望大家能指出，我会立即修正(E-Mail:mingming0201@vip.qq.com)。

2010年7月14日 00:53:59 HUGO.CM

本文来源：https://www.bwwdw.com/article/7l7r.html