ui-grid angular js - 单元格停留在编辑模式

Question

我在使用ui-grid时添加了自定义的editablecelltemplate。问题是一旦一个单元格进入编辑模式，它仍然存在。单元模板稍后不显示。

这是JavaScript我使用：

name: app.localize('IsHiddenName'), 
field: 'isHidden', 
type: 'boolean', 
cellTemplate: 
    '<div class=\"ui-grid-cell-contents text-center\">' + 
    ' <i class="fa fa-check-circle font-green" ng-if="row.entity.isHidden"></i>' + 
    '</div>', 
editableCellTemplate: 
    '<div style="margin:5px;">' + 
    '<div class="md-checkbox-list">' + 
    '<div class="md-checkbox">' + 
     '<input type="checkbox" id="check2-{{row.entity.id}}" class="md-check" ng-class="\'colt\' + col.uid" ui-grid-editor ng-model="MODEL_COL_FIELD">' + 
     '<label for="check2-{{row.entity.id}}"><span class="inc"></span><span class="check"></span><span class="box"></span></label>' + 
    '</div>' + 
    '</div>'+ 
    '</div>', 

Answer 1

这个问题是由误解uigrid自定义编辑模板。

UI Grid并未完成自身的单元格编辑。它在等待事件
uiGridEditConstants.events.END_CELL_EDIT.

此事件发射由2 UI-格指令：

1. 对于输入元件：UI并网编辑（你的情况）：
   <input ui-grid-editor type="checkbox" id="check2-{{row.entity.id}}" ... >

2. 对于select element：ui-grid-edit-dropdown：
   <select ui-grid-edit-dropdown ... >

3. 对于自定义元素：你必须自己发出事件： scope.$emit(uiGridEditConstants.events.END_CELL_EDIT);