jqgrid searchGrid 所有参数api
时间: 2023-11-16 14:03:55 浏览: 67
jqGrid搜索
4星 · 用户满意度95%
jqGrid 的 searchGrid 参数包含了一系列可配置的属性,以下是这些属性的详细说明:
- `multipleSearch`:是否允许多条件搜索。默认值为 `false`。
- `multipleGroup`:是否允许多条件分组。默认值为 `false`。
- `top`:搜索对话框距顶部的距离。默认值为 `0`。
- `left`:搜索对话框距左侧的距离。默认值为 `0`。
- `width`:搜索对话框的宽度。默认值为 `450`。
- `height`:搜索对话框的高度。默认值为 `auto`。
- `modal`:是否以模态框的形式显示搜索对话框。默认值为 `true`。
- `closeAfterSearch`:搜索完成后是否自动关闭搜索对话框。默认值为 `true`。
- `closeAfterReset`:重置搜索条件后是否自动关闭搜索对话框。默认值为 `false`。
- `searchOnEnter`:在输入框内按下回车键时是否开始搜索。默认值为 `true`。
- `refreshOnSearch`:是否在搜索完成后刷新表格数据。默认值为 `true`。
- `closeOnEscape`:在搜索对话框中按下 ESC 键时是否关闭搜索对话框。默认值为 `true`。
- `searchOperators`:定义搜索条件的操作符列表。默认值为:
```javascript
[
{ op: "eq", text: "等于" },
{ op: "ne", text: "不等于" },
{ op: "lt", text: "小于" },
{ op: "le", text: "小于等于" },
{ op: "gt", text: "大于" },
{ op: "ge", text: "大于等于" },
{ op: "bw", text: "开始于" },
{ op: "bn", text: "不开始于" },
{ op: "in", text: "属于" },
{ op: "ni", text: "不属于" },
{ op: "ew", text: "结束于" },
{ op: "en", text: "不结束于" },
{ op: "cn", text: "包含" },
{ op: "nc", text: "不包含" }
]
```
你可以通过修改 searchOperators 参数来修改搜索条件的操作符列表。例如:
```javascript
searchGrid: {
searchOperators: [
{ op: "eq", text: "等于" },
{ op: "ne", text: "不等于" },
{ op: "bw", text: "开始于" },
{ op: "bn", text: "不开始于" },
{ op: "in", text: "属于" },
{ op: "ni", text: "不属于" }
]
}
```
其中,`op` 表示操作符的代码,`text` 表示操作符的文本。你也可以按照需要自定义操作符。
除了上述参数外,searchGrid 还支持以下事件:
- `onInitializeSearch`: 在搜索对话框初始化时触发。
- `beforeShowSearch`: 在搜索对话框显示之前触发。
- `afterShowSearch`: 在搜索对话框显示之后触发。
- `onSearch`: 在执行搜索操作时触发。
- `onReset`: 在重置搜索条件时触发。
你可以通过给 jqGrid 绑定这些事件来对搜索对话框的行为进行定制化。例如:
```javascript
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
colModel: [
{ name: "id", index: "id", width: 55 },
{ name: "name", index: "name", width: 90 },
{ name: "price", index: "price", width: 80, align: "right" },
{ name: "quantity", index: "quantity", width: 80, align: "right" }
],
pager: "#pager",
rowNum: 10,
rowList: [10, 20, 30],
sortname: "id",
sortorder: "desc",
viewrecords: true,
gridview: true,
caption: "My grid",
search: true,
searchGrid: {
onSearch: function () {
alert("搜索条件为:" + JSON.stringify(this.p.filter));
return true;
}
}
}).on("beforeShowSearch", function () {
console.log("搜索对话框即将显示");
}).on("afterShowSearch", function () {
console.log("搜索对话框已经显示");
});
```
阅读全文