jqgrid下拉框多选
时间: 2023-12-03 14:38:10 浏览: 186
jqgrid下拉框可以实现多选功能,具体实现方法如下:
1. 设置colModel中的edittype为select,同时设置editoptions中的multiple为true,例如:
```
{name:'fruit',index:'fruit', width:90, editable: true, edittype:"select", editoptions:{value:"apple:苹果;banana:香蕉;orange:橙子", multiple:true}}
```
2. 在colModel中设置formatter为select,同时设置editoptions中的multiple为true,例如:
```
{name:'fruit',index:'fruit', width:90, editable: true, formatter:'select', edittype:"select", editoptions:{value:"apple:苹果;banana:香蕉;orange:橙子", multiple:true}}
```
以上两种方法都可以实现下拉框多选功能,具体使用哪种方法取决于你的需求。
相关问题
jqgrid searchoptions 多选
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",表示搜索结果必须包含选中的值中的任意一个。
这样设置后,用户就可以在搜索框中选择多个值进行搜索了。
阅读全文