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);