easyui 行编辑, 改变相邻列的值

最新推荐文章于 2022-05-20 13:49:48 发布

原创最新推荐文章于 2022-05-20 13:49:48 发布 · 893 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用Datagrid实现不同列间联动编辑的方法。具体实现为：当选择品名列的下拉框时，会根据所选设备自动填充单位列的值。此功能通过设置combobox类型的editor并在其onSelect事件中获取对应单位值来实现。

部分代码如下:

{title:'品名',field:'goodsName',width:100,align:'center',

        editor:{
               type:'combobox',
               options:{
                      valueField: 'eq_name',
                      textField: 'eq_name',
                  panelHeight:'120',
                  queryParams: {
                   "eqType" : _eqType
                  },
                     url:'exammanager/getEquipmentInfo.do',
                     onSelect: function(rec){

//获取编辑列所在行的索引

var rowIndex = $(this).parents('.datagrid-row').attr('datagrid-row-index');

//找到对应的列并赋值

                         $('#consumptionDiv').datagrid('getEditor', { index: rowIndex, field: 'unit' }).target.val(rec.eq_uint);
                     }
                }
       }
   },
   {title:'单位',field:'unit',width:60,align:'center',editor:'text'},