easyui datagrid绑定 下拉框

Question

目前的情况是 我在datagrid中 某一列 嵌入了 下拉框 我希望 用户在下拉框中选择后 立即保存到数据库中 目前不知道如果获取这个下拉框所在行的索引 有办法实现吗 ？虽然我绑定了点击单元格事件 onClickCell 但是我在点击下拉框的时候 并没有触发单元格点击事件 谢谢大家 请指教

这是部分代码：

var level = [{ "level-value": 0, "level-name": "高"}, { "level-value": 1, "level-name": "中" }, { "level-value": 2, "level-name": "低" }];

//初始化表头
$('#' + id).datagrid({
   columns: [[
    
      { field: 'Order_ID', title: '流转单ID', width: 80 },
      { field: 'OrderNo', title: '模号', width: 60 },
      { field: 'chehao', title: '车号', width: 50,editor: 'text' },
     { field: 'dangbanchicun', title: '挡板尺寸', width: 100,editor: 'text' },
      { field: 'Length1', title: '长1mm', width: 100 },
      { field: 'Length2', title: '长2mm', width: 100 },
      { field: 'Thickness', title: '厚度mm', width: 100},
      { field: 'Frock', title: '工装mm', width: 80 },
      { field: 'jinjingtingshijian', title: '进静停时间', width: 150 },
      { field: 'chujingtingshijian', title: '出静停时间', width: 150 },
      { field: 'jingtingshijianduan', title: '静停时间段', width: 300 },
      { field: 'jingtingyichangbeizhu', title: '静停异常备注', width: 150,
        editor: {
            type: 'combobox',//下拉框
            options: {
                valueField: 'level-value',
                textField: 'level-name',
                editable: false,
                panelHeight:102,//控制下拉框高度
                data: level,    
                required: false,
                onSelect:onSelect,

                           //    onChange:onChange
            }
        }
      },

      { field: 'SchedulingDate', title: '排单日期', width: 100 },
      { field: 'status', title: '状态', width: 100 }
   ]],
})


function onSelect(row) {
        rowsSelected = row;
        console.log(row)

}

$('#' + id).datagrid({
    singleSelect: true,
    onClickCell: onClickCell,
    onLoadSuccess:function (data){
    var rows = $(this).datagrid("getRows");
    // 使等级显示为下拉框
    for(var index=0;index<rows.length;index++){
         $(this).datagrid("beginEdit", index);
         if($(this).datagrid("getEditor",{index:index,field:"jingtingyichangbeizhu"}).target.combobox('getValue') == ''){
         $(this).datagrid("getEditor",{index:index,field:"jingtingyichangbeizhu"}).target.combobox('setValue', "2");
          }
        }
    }
})

Answer 1

您需要获取easyui datagrid中下拉框所在行的索引，并在用户选择下拉框后立即将其保存到数据库中。虽然您已经绑定了点击单元格事件onClickCell，但是在点击下拉框时并没有触发单元格点击事件。您可以尝试使用onSelect事件来获取用户选择的下拉框的值，并在此事件中进行保存到数据库的操作。同时，您可以在datagrid的初始化中使用singleSelect属性来限制用户只能选择一行，然后使用getRowIndex方法来获取所选行的索引。
https://cool-js.com/