jqgrid searchoptions 多选
时间: 2023-07-28 09:07:44 浏览: 91
jqGrid 的 searchoptions 可以用来定义搜索框的选项,包括单选、多选、下拉选择等。对于多选,可以通过设置 multiple 属性为 true 来实现。
例如,以下代码会创建一个可以多选的下拉框:
```javascript
{
name: 'status',
index: 'status',
width: 150,
align: 'center',
editable: true,
edittype: "select",
editoptions: {
value: "1:Active;2:Inactive;3:Pending"
},
stype: "select",
searchoptions: {
value: "1:Active;2:Inactive;3:Pending",
multiple: true,
sopt: ["in"]
}
}
```
其中,searchoptions 的 multiple 属性设置为 true,表示可以多选。而 sopt 属性则用来设置搜索时的操作符,这里设置为 "in",表示搜索结果必须包含选中的值中的任意一个。
这样设置后,用户就可以在搜索框中选择多个值进行搜索了。
相关问题
jqgrid searchoptions所有参数
jqGrid 的 `searchoptions` 参数用于设置搜索框的选项。`searchoptions` 包含以下属性:
- `sopt`: 定义用于搜索的操作符数组。默认值是 `['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en', 'cn', 'nc']`。具体含义如下:
- `eq`: 等于
- `ne`: 不等于
- `lt`: 小于
- `le`: 小于或等于
- `gt`: 大于
- `ge`: 大于或等于
- `bw`: 以...开始
- `bn`: 不以...开始
- `in`: 包含
- `ni`: 不包含
- `ew`: 以...结束
- `en`: 不以...结束
- `cn`: 包含(大小写敏感)
- `nc`: 不包含(大小写敏感)
- `dataEvents`: 定义用于搜索的事件列表。默认值是 `[]`。
- `attr`: 定义用于搜索的属性。默认值是 `{}`。
- `defaultValue`: 定义搜索框的默认值。默认值是 `''`。
- `value`: 定义搜索框的值。默认值是 `''`。
- `dataUrl`: 定义一个 URL,用于从服务器动态加载数据并填充下拉列表。默认值是 `''`。
- `buildSelect`: 定义一个函数,用于自定义如何构建下拉列表。默认值是 `null`。
- `multiple`: 定义是否允许多选。默认值是 `false`。
- `separator`: 定义多选时的分隔符。默认值是 `','`。
- `sopt`: 定义可用的操作符。默认值是 `['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en', 'cn', 'nc']`。
- `attr`: 定义搜索框的属性。默认值是 `{}`。
- `custom_value`: 定义一个函数,用于自定义搜索框的值。默认值是 `null`。
- `custom_element`: 定义一个函数,用于自定义搜索框的 HTML 元素。默认值是 `null`。
- `custom_element_value`: 定义一个函数,用于自定义搜索框的值。默认值是 `null`。
- `clearSearch`: 定义一个布尔值,表示是否在搜索框中显示“清除搜索”按钮。默认值是 `false`。
- `searchhidden`: 定义一个布尔值,表示是否在隐藏列中搜索。默认值是 `false`。
- `overlay`: 定义一个布尔值,表示是否在搜索框上方显示遮罩层。默认值是 `false`。
- `width`: 定义搜索框的宽度。默认值是 `150`。
- `height`: 定义搜索框的高度。默认值是 `22`。
- `dataInit`: 定义一个函数,用于初始化搜索框。默认值是 `null`。
- `sopt`: 定义可用的操作符。默认值是 `['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en', 'cn', 'nc']`。
- `searchOnEnter`: 定义一个布尔值,表示是否在按下回车键时执行搜索。默认值是 `false`。
- `jqModal`: 定义一个布尔值,表示是否使用 jqModal。默认值是 `false`。
- `closeAfterSearch`: 定义一个布尔值,表示是否在搜索后关闭搜索框。默认值是 `true`。
- `closeAfterReset`: 定义一个布尔值,表示是否在重置后关闭搜索框。默认值是 `true`。
- `multipleSearch`: 定义一个布尔值,表示是否启用多条件搜索。默认值是 `false`。
- `multipleGroup`: 定义一个布尔值,表示是否启用多条件分组搜索。默认值是 `false`。
- `showQuery`: 定义一个布尔值,表示是否在搜索框下方显示查询语句。默认值是 `false`。
- `errorcheck`: 定义一个布尔值,表示是否启用错误检查。默认值是 `true`。
- `soptSelect`: 定义可用的操作符选项。默认值是 `{}`。
- `groupOps`: 定义可用的分组操作符。默认值是 `{}`。
- `operandTitle`: 定义操作符选项的标题。默认值是 `{}`。
- `resetTitle`: 定义重置按钮的标题。默认值是 `''`。
- `searchTitle`: 定义搜索按钮的标题。默认值是 `''`。
- `groupOpsTitle`: 定义分组操作符选项的标题。默认值是 `{}`。
- `matchText`: 定义匹配文本的标题。默认值是 `' Match'`。
- `rulesText`: 定义规则文本的标题。默认值是 `' Rules'`。
- `addGroupSelect`: 定义一个布尔值,表示是否添加分组操作符选项。默认值是 `false`。
- `addruleTitle`: 定义添加规则的标题。默认值是 `'Add Rule'`。
- `delruleTitle`: 定义删除规则的标题。默认值是 `'Delete Rule'`。
- `addruleText`: 定义添加规则的文本。默认值是 `'Add Rule'`。
- `delruleText`: 定义删除规则的文本。默认值是 `'Delete Rule'`。
- `alertCaption`: 定义警告框标题。默认值是 `'Warning'`。
- `alertText`: 定义警告框文本。默认值是 `'Please, select row'`。
- `operandTitle`: 定义操作符选项的标题。默认值是 `{}`。
jqgrid searchoptions 下拉框设置搜索
要在 jqGrid 的 searchoptions 中设置下拉框搜索选项,需要在 colModel 中定义一个 editoptions 属性,该属性值为一个对象,其中的 value 属性为下拉框的选项列表。然后,在 searchoptions 中定义一个 dataUrl 属性,该属性的值为一个返回下拉框选项的 URL。
以下是一个示例代码:
```
{
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',
buildSelect: function(response) {
var data = jQuery.parseJSON(response);
var select = "<select>";
for (var i = 0; i < data.length; i++) {
select += "<option value='" + data[i].id + "'>" + data[i].name + "</option>";
}
select += "</select>";
return select;
}
}
}
```
在上面的代码中,editoptions 中的 value 属性定义了下拉框的选项列表,其中 1 和 2 分别代表选项的值,Active 和 Inactive 分别代表选项的显示文本。searchoptions 中的 dataUrl 属性指定了返回下拉框选项的 URL,buildSelect 函数用于构建下拉框的 HTML 代码。
阅读全文