datagrid调用getEditor为null?这样你试过了吗？

缺乏、安全感 2023-02-13 08:19 14阅读 0赞

### datagrid调用getEditor为null?这样你试过了吗？ ###

*  前言
 *  问题引入
 *  问题解决
 *   *  方案一
     *  方案二

# 前言 #

在使用easyui的datagrid时遇到了这么一个问题，使用getEditor获取editor的结果为空，记录一下解决过程。

# 问题引入 #

var row = $('#tt').datagrid('getSelected');
       var rowIndex = $('#tt').datagrid('getRowIndex',row);
       let ed
       ed = $('#tt').datagrid('getEditor', { index:rowIndex, field:'aa'});
       $(ed.target).combobox('reload', url);

在上面一段代码中，最后一行报错，Cannot read property ‘target’ of null  
![在这里插入图片描述][20200528082104788.png]  
  无法获取到target，如果此时在控制台打印editor就会发现是null，说明并没有实际取到editor。

# 问题解决 #

在网上搜索datagrid editor 为null 大概可以找到这个方案

## 方案一 ##

在设置值之前开启行编辑，也就是在最前面加上这一行

$('#tt').datagrid('beginEdit', 0);

那么问题解决了没有呢？并没有，这种方案在编辑行是适用的，在datagrid的编辑行中前面获取到的rowIndex确实可以取到对应行，但在新增行中rowIndex=-1，而-1是没办法获取到对应行的此时就需要用另一种方法

## 方案二 ##

因为新增数据时是使用appendRow在行尾新增一行，所以当需要获取的数据行是新增数据时需要用总行数-1。  
  此时就可以成功获取target了。

[20200528082104788.png]: https://img-blog.csdnimg.cn/20200528082104788.png