jqGridToolbarBeforeSearch 使用
时间: 2023-07-11 11:33:06 浏览: 34
可以使用以下方式来使用 `jqGridToolbarBeforeSearch` 函数:
1. 在 `colModel` 中定义一个含有 `searchoptions` 属性的列,将 `searchoptions` 的 `dataInit` 属性值设置为一个回调函数,用于在搜索栏被创建时为它绑定 `jqGridToolbarBeforeSearch` 函数。
```javascript
colModel: [
{
name: 'name',
search: true,
searchoptions: {
dataInit: function (elem) {
$(elem).on('jqGridToolbarBeforeSearch', function () {
// 在这里可以执行自定义操作
});
}
}
}
]
```
2. 在搜索栏被创建后,可以通过 jQuery 的 `trigger` 函数来手动触发 `jqGridToolbarBeforeSearch` 事件。
```javascript
$('#grid-table').jqGrid('filterToolbar', {
beforeSearch: function () {
// 在这里可以执行自定义操作
$('#name').trigger('jqGridToolbarBeforeSearch');
}
});
```
无论是哪种方式,`jqGridToolbarBeforeSearch` 都会在搜索栏被显示时被调用,可以在其中执行自定义的操作。需要注意的是,如果在 `jqGridToolbarBeforeSearch` 中修改了搜索条件,需要将修改后的条件设置到 `postData` 对象中,以便在执行搜索时使用。