a3mao 发表于 2013-2-7 20:18:44

jqGrid学习 --------------自定义搜索

定义自己的查询
<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> falsegridNamesgridModel为true时起效,设置查询列的名称falsefilterModelgridModel为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'horizontalautosearch如果为true:当点击回车键触发查询;当select值变化时触发查询trueformclass可以使用的cssfilterformtableclass可以使用到table上的cssfiltertablebuttonclass按钮上使用的cssfilterbuttonsearchButton搜索按钮SearchclearButton清空数据的按钮ClearenableSearch启用禁用搜索按钮falseenableClear启用禁用清空按钮falsebeforeSearch搜索之前触发的事件nullafterSearch搜索完成之后触发的事件nullbeforeClear清空数据之前触发的事件nullafterClear清空数据之后触发事件nullurl搜索数据的url‘’marksearched当为true时,每次查询之后所有查询的列都标记为可查询列true

查询用到的方法:
var sg = jQuery("#mysearch").filterGrid(...); sg.triggerSearch();
sg.clearSearch();
页: [1]
查看完整版本: jqGrid学习 --------------自定义搜索