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

最新推荐文章于 2021-01-09 16:38:00 发布

Martin_mz

最新推荐文章于 2021-01-09 16:38:00 发布

阅读量877

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Martin_mz/article/details/78424448

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

部分代码如下:

{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'},