ui-失去焦点后网格海关单元格模板仍处于编辑模式

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 - 没有任何反应，或者当我单击其他单元格或使用键盘移动 up/down 时，旧单元格保持可编辑状态。它的行为与 3d 列 Name(default)

不同

我尝试设置 ng-model="COL_FIELD" 但出现错误：

Error: [ngModel:nonassign] Expression 'grid.getCellValue(row, col)' is non-assignable.

Element: <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-失去焦点后网格海关单元格模板仍处于编辑模式

ui-grid customs cell template remains in edit mode after focus loss

angularjs

angular-ui-grid