jqgrid 4.6 捕获搜索事件
时间: 2023-07-31 08:04:43 浏览: 109
您可以使用 jqGrid 的 `onSearch` 事件来捕获搜索事件。当用户提交搜索表单时,该事件将被触发。您可以在事件处理程序中访问搜索条件,并执行任何其他操作。
下面是一个例子:
```javascript
$("#grid").jqGrid({
url: 'data.json',
datatype: 'json',
colModel: [
{ name: 'id', index: 'id', width: 60 },
{ name: 'name', index: 'name', width: 90 },
{ name: 'amount', index: 'amount', width: 80, align: 'right' },
{ name: 'price', index: 'price', width: 80, align: 'right' }
],
jsonReader: {
repeatitems: false,
id: 'id'
},
pager: '#pager',
rowNum: 10,
rowList: [10, 20, 30],
sortname: 'id',
sortorder: 'asc',
viewrecords: true,
caption: 'My Grid',
height: '100%',
autowidth: true,
onSearch: function () {
var postData = $("#grid").jqGrid('getGridParam', 'postData');
console.log(postData); // 输出搜索条件
// 执行其他操作
}
}).navGrid('#pager', { edit: false, add: false, del: false, search: true });
```
在上面的例子中,我们设置了一个包含四个列的 jqGrid,并在 `navGrid` 中启用了搜索功能。我们还定义了一个 `onSearch` 事件处理程序,在搜索表单提交时将被触发。在事件处理程序中,我们使用 `getGridParam` 方法从 jqGrid 中获取搜索条件,并将其输出到控制台。您可以执行任何其他操作,例如使用 AJAX 请求更新网格数据或显示进度条等。
阅读全文