jqgrid 4.6 捕获 clearSearch 事件
时间: 2023-07-31 10:12:48 浏览: 126
在 jqGrid 4.6 中,也可以使用 `onClearSearch` 选项来捕获 `clearSearch` 事件,例如:
```javascript
$("#grid").jqGrid({
// ...
onClearSearch: function() {
// 在这里执行清除搜索框后的操作
// ...
},
// ...
});
```
在上面的示例中,当用户点击 jqGrid 的搜索框中的“清除搜索框”按钮时,将会触发 `onClearSearch` 事件,并执行相应的操作。在事件处理函数中,我们可以根据需要进行一些清除操作,例如清除搜索框中的值、重新加载数据等。
需要注意的是,`onClearSearch` 事件只有在 `clearSearch` 选项设置为 `true` 时才会触发。同时,如果搜索框中没有任何值,点击“清除搜索框”按钮时也不会触发该事件。
相关问题
jqgrid 4.6 捕获搜索事件
您可以使用 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 请求更新网格数据或显示进度条等。
jqgrid 4.6 详细属性API
下面是 jqGrid 4.6 的详细属性 API:
1. ajaxGridOptions:设置 AJAX 请求的选项,例如 beforeSend, complete 等。
2. altclass:为隔行变色提供样式类名。
3. altRows:是否启用隔行变色,可以设置为 true 或 false。
4. autoencode:是否自动编码,可以设置为 true 或 false。
5. autowidth:是否自动调整列宽,可以设置为 true 或 false。
6. caption:设置表格标题。
7. cellLayout:设置单元格布局方式,可以是 fixed 或 auto。
8. cellsubmit:为编辑模式设置单元格提交方式。
9. cellurl:为编辑模式设置单元格提交 URL。
10. colModel:设置表格列的属性和配置。
11. colNames:设置表格列的标题。
12. data:设置表格的数据。
13. datatype:设置数据类型,可以是 json, xml, xmlstring, jsonstring, local 等。
14. deepempty:是否深度清空表格,可以设置为 true 或 false。
15. deselectAfterSort:是否排序后取消选择,可以设置为 true 或 false。
16. direction:设置语言方向,可以是 ltr 或 rtl。
17. editurl:为编辑模式设置提交 URL。
18. emptyrecords:当没有数据时,显示的提示信息。
19. footerrow:是否显示表格底部行,可以设置为 true 或 false。
20. forceFit:是否强制调整列宽,可以设置为 true 或 false。
21. gridComplete:当表格渲染完成后执行的函数。
22. gridview:是否启用表格视图,可以设置为 true 或 false。
23. height:设置表格高度。
24. hiddengrid:是否隐藏表格,可以设置为 true 或 false。
25. hidegrid:是否显示隐藏表格按钮,可以设置为 true 或 false。
26. hoverrows:是否启用鼠标悬停行高亮,可以设置为 true 或 false。
27. jsonReader:设置 JSON 数据读取器。
28. lastpage:设置最后一页页码。
29. loadBeforeSend:发送 AJAX 请求前执行的函数。
30. loadComplete:当表格数据加载完成后执行的函数。
31. loadError:当表格数据加载失败后执行的函数。
32. loadOnce:是否只加载一次数据,可以设置为 true 或 false。
33. loadtext:设置加载中的提示信息。
34. loadui:设置加载中的样式,可以是 block, none, 或 disabled。
35. localReader:设置本地数据读取器。
36. mtype:设置请求方式,可以是 POST 或 GET。
37. multiboxonly:是否只能使用复选框进行多选,可以设置为 true 或 false。
38. multiselect:是否启用多选,可以设置为 true 或 false。
39. multiSort:是否启用多列排序,可以设置为 true 或 false。
40. onCellSelect:当单元格被选择时执行的函数。
41. ondblClickRow:当双击行时执行的函数。
42. onHeaderClick:当表头被点击时执行的函数。
43. onPaging:当分页被点击时执行的函数。
44. onRightClickRow:当右键单击行时执行的函数。
45. onSelectAll:当所有行被选择时执行的函数。
46. onSelectRow:当行被选择时执行的函数。
47. page:设置当前页码。
48. pager:设置分页栏元素选择器。
49. pagerpos:设置分页栏位置,可以是 left, center, 或 right。
50. pgbuttons:是否显示分页按钮,可以设置为 true 或 false。
51. pginput:是否显示分页输入框,可以设置为 true 或 false。
52. pgtext:分页信息显示格式。
53. postData:设置发送的数据。
54. prMethod:设置请求方式,可以是 POST 或 GET。
55. prmNames:设置请求参数的名称。
56. recordpos:设置记录信息位置,可以是 left, center, 或 right。
57. recordtext:记录信息显示格式。
58. resizeclass:设置调整列宽时使用的样式类名。
59. rowList:设置每页显示行数的选项。
60. rownumbers:是否显示行号,可以设置为 true 或 false。
61. rownumWidth:设置行号列宽度。
62. rows:设置表格每页显示的行数。
63. rowTotal:设置总行数。
64. scroll:是否启用滚动条,可以设置为 true 或 false。
65. scrollrows:设置滚动时显示的行数。
66. shrinkToFit:是否自动调整列宽,可以设置为 true 或 false。
67. sortable:是否启用排序,可以设置为 true 或 false。
68. sortname:设置默认排序列名。
69. sortorder:设置默认排序方式,可以是 asc 或 desc。
70. subGrid:是否启用子表格,可以设置为 true 或 false。
71. subGridModel:设置子表格的属性和配置。
72. subGridOptions:设置子表格的选项。
73. subGridRowExpanded:当子表格展开时执行的函数。
74. subGridUrl:设置子表格的 URL。
75. toolbar:设置工具栏元素选择器。
76. toppager:设置顶部分页栏元素选择器。
77. url:设置请求数据的 URL。
78. userData:设置用户数据。
79. viewrecords:是否显示记录总数,可以设置为 true 或 false。
80. viewsortcols:是否显示排序列,可以设置为 true 或 false。
81. width:设置表格宽度。
82. xmlReader:设置 XML 数据读取器。
以上是 jqGrid 4.6 的详细属性 API,使用时可以根据实际需求进行设置和使用。
阅读全文