首页 > 代码库 > jqGrid 自定义搜索

jqGrid 自定义搜索

<div id="mysearch"></div>

jQuery("#mysearch").filterGrid(‘#grid_id‘,options);

options:参数

参数

描述

默认值

gridModel

当为ture我们会使用colModel中的属性构造查询条件,所用到的参数:name, index, edittype, editoptions, search.还有一个参数:defval:查询条件的默认值;surl:当edittype:‘select‘时获取select数据的url,格 式:<select><option value=http://www.mamicode.com/‘val1‘> Value1

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=http://www.mamicode.com/‘val1‘> Value1 ;sopt:同editoptions

[]

formtype

定义表单如何被构造,‘horizontal‘ or ‘vertical‘

 

autosearch

如果为true:当点击回车键触发查询;当select值变化时触发查询

 

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