Question

我尝试将简单的自定义模板设置为单元格，但我失去了像焦点这样的行为。

我使用'ui.grid.cellNav'和相关列配置如：

    {
      name: 'name', 
      displayName: 'Name (editable)', 
      width: '30%',
      enableFocusedCellEdit: true,
     editableCellTemplate: 'custom_edit.html'
    },

我的模板如下：

<div class="grid-tooltip"
     tooltip="{{ row.entity.description }}" 
     tooltip-placement="right"
     tooltip-append-to-body="true">
             <div class="ui-grid-cell-contents">
                   <input type="text"
                       ng-model="row.entity.description">
              </div>
 </div>

这是我玩的演示：Plunker - 尝试修改Name(Editable)列

当我在第二列中编辑单元格并按Enter时 - 没有任何反应或当我点击其他单元格，或者使用键盘向上/向下移动时，旧单元格可以编辑。它与3d列Name(default)

的行为不同

我尝试设置ng-model="COL_FIELD"，但收到错误：

错误：[ngModel：nonassign]表达式'grid.getCellValue（row，col）'不可分配。

元素：<input ng-model="grid.getCellValue(row, col)" class="ng-pristine ng-untouched ng-valid">

请帮忙，

我确定我想念一些简单的事情

Answer 1

更新模板中的输入字段

<input type="text" ui-grid-editor ng-model="MODEL_COL_FIELD">

在焦点丢失后，ui-grid海关单元模板保持编辑模式

1 个答案: