jeecg datagrid 双击行内下拉框多选
时间: 2023-06-21 09:12:47 浏览: 96
要在JeeCG Datagrid中实现双击行内下拉框多选,可以按照以下步骤进行:
1. 在JSP页面中定义下拉框的HTML代码,使用multiple属性来实现多选功能。
2. 在JeeCG Datagrid的配置文件中,将需要实现多选的列的editor属性设置为下拉框,并指定该下拉框的ID。
3. 在Javascript代码中,为下拉框绑定change事件,当下拉框选项发生改变时,将选中的值保存到一个数组中。
4. 在JeeCG Datagrid的onDblClickRow事件中,获取当前选中行的数据,将数组中的值赋值给该行对应的下拉框,同时触发下拉框的change事件,使得JeeCG Datagrid可以保存修改后的数据。
下面是示例代码:
1. JSP页面代码:
```jsp
<select id="mySelect" name="mySelect" multiple="multiple">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
```
2. JeeCG Datagrid配置文件代码:
```javascript
{
"field": "mySelect",
"title": "下拉框",
"width": 100,
"align": "center",
"editor": {
"type": "combobox",
"options": {
"valueField": "value",
"textField": "text",
"panelHeight": "auto",
"editable": false,
"multiple": true,
"id": "mySelect"
}
}
}
```
3. Javascript代码:
```javascript
// 保存选中的值
var selectedValues = [];
// 绑定change事件
$("#mySelect").change(function() {
selectedValues = $(this).val();
});
// 在onDblClickRow事件中设置下拉框的值
function onDblClickRow(index, row) {
// 将选中的值赋值给下拉框
$("#mySelect").val(row.mySelect);
// 触发change事件
$("#mySelect").change();
}
```
这样就可以实现JeeCG Datagrid中双击行内下拉框多选的功能了。
阅读全文