定义自己的查询
<div id="mysearch"></div>
JS中使用
jQuery("#mysearch").filterGrid('#grid_id',options);
grid_id:表格id
options:参数
参数 | 描述 | 默认值 |
gridModel | 当为ture我们会使用colModel中的属性构造查询条件,所用到的参数:name, index, edittype, editoptions, search.还有一个参数:defval:查询条件的默认值;surl:当edittype:'select'时获取select数据的url,格式:<select><option value='val1'> Value1 </option><option value='val2'> Value2 </option>…<option value='valn'> ValueN </option></select> | false |
gridNames | gridModel为true时起效,设置查询列的名称 | false |
filterModel | gridModel为false时起效,格式:{label:'LableFild', name: 'colname', stype: 'select', defval: 'default_value', surl: 'someurl', sopt:{optins for the select}}。label:字段显示名称;name:列名;stype:输入框类型,text或者select;surl:获取select数据的地址,要求的内容为html格式:<select><option value='val1'> Value1 </option><option value='val2'> Value2 </option>…<option value='valn'> ValueN </option></select>;sopt:同editoptions | [] |
formtype | 定义表单如何被构造,'horizontal' or 'vertical' | horizontal |
autosearch | 如果为true:当点击回车键触发查询;当select值变化时触发查询 | true |
formclass | 可以使用的css | filterform |
tableclass | 可以使用到table上的css | filtertable |
buttonclass | 按钮上使用的css | filterbutton |
searchButton | 搜索按钮 | Search |
clearButton | 清空数据的按钮 | Clear |
enableSearch | 启用禁用搜索按钮 | false |
enableClear | 启用禁用清空按钮 | false |
beforeSearch | 搜索之前触发的事件 | null |
afterSearch | 搜索完成之后触发的事件 | null |
beforeClear | 清空数据之前触发的事件 | null |
afterClear | 清空数据之后触发事件 | null |
url | 搜索数据的url | ‘’ |
marksearched | 当为true时,每次查询之后所有查询的列都标记为可查询列 | true |
查询用到的方法:
var sg = jQuery("#mysearch").filterGrid(...)[0];
sg.triggerSearch();
sg.clearSearch();
分享到:
相关推荐
Jqgrid demo-史上最强大,没有之一, 为了大家能够更好的学习和使用Jqgrid网格插件,我决定用Strtus2+Spring+hibernate+Jquery+Jqgrid实现一个Jqgrid网格插件的demo。当然官方网站上面已经有了PHP版本和ASP.NET版本...
jqgrid方法-中文 (2).docxjqgrid方法-中文 (2).docx
jquery.jqGrid-4.4.3,用于web页面的列表分页显示
jqGrid是一个非常好用的免费开源Grid组件,功能强大,适用于各种表格操作,数据管理。作为jquery插件,jqGrid使用方便,简介,美观。
jquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zip
jquery.jqGrid-4.5.2.zip 官方资源文件
jqgrid jquey 样式 让表格变得更漂亮
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 jqGrid 学习 格式化 21 jqGrid 学习 自定义按钮 26 jqGrid 学习 翻页(2) 28 jqGrid 学习 翻页 33 ...
jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...
jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar
jqgrid自定义按钮,jqgrid自定义按钮,jqgrid自定义按钮
jquery.jqGrid-4.1.1.zipjquery.jqGrid-4.1.1.zipjquery.jqGrid-4.1.1.zip
NULL 博文链接:https://only-xxp.iteye.com/blog/768029
jqGrid-master最新版,从英文站点下载而来,方便各位下载
jqGrid-wiki版手册
jquery.jqGrid-4.3.2.zip
jqGrid-3.2 jqgriddocs.pdf jquery.jqGrid.js
非常好用的表格插件,还有bootstrap风格,支持国际化。