jqgrid searchoptions.dataInit 设置下拉框搜索
时间: 2023-12-07 22:02:54 浏览: 79
具有搜索功能的下拉框
4星 · 用户满意度95%
要在 jqGrid 的 searchoptions 中设置下拉框搜索,可以在 dataInit 函数中为下拉框绑定 change 事件,并在事件处理函数中调用 triggerToolbar 方法进行搜索。示例代码如下:
```
{
name: 'status',
index: 'status',
width: 100,
editable: true,
edittype: 'select',
editoptions: {
value: '1:Active;2:Inactive',
},
searchoptions: {
sopt: ['eq', 'ne'],
dataUrl: 'get_status_options.php',
dataInit: function(elem) {
$(elem).bind('change', function() {
$('#grid_id')[0].triggerToolbar();
});
}
}
}
```
在上面的代码中,dataInit 函数中为下拉框绑定了 change 事件,并在事件处理函数中调用了 triggerToolbar 方法进行搜索。其中,'#grid_id' 表示 jqGrid 的 ID,使用 [0] 获取其 DOM 元素并调用 triggerToolbar 方法。这样,在下拉框选中一个选项后,就会自动触发搜索。
阅读全文