Question

在网格中完成文本区域的编辑后，编辑模式没有关闭。

在此Plunker中，如果双击“标题”下的一个单元格，则文本区域将正确打开，但是在我单击该单元格后不会关闭。

http://plnkr.co/edit/9jrzziWOP6hWWQ1Gab39?p=preview

<div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-edit></div>

var app = angular.module('app', ['ui.grid', 'ui.grid.edit']);

app.controller('MainCtrl', ['$scope', function ($scope) {
   $scope.data = [
     { name: 'John', title: 'CEO' },
     { name: 'Jane', title: 'Developer' }
   ];

   $scope.columnDefs = [
     {name: 'name', enableCellEdit: false},
     { name: 'title',
        cellEditableCondition: true,
        enableCellEdit: true,                                
        editType: 'textarea',
        editableCellTemplate: '<textarea rows="4" cols="140" ng-model="MODEL_COL_FIELD"></textarea>'
     }
   ];
 }]);

Answer 1

您的问题与以下代码有关：

editableCellTemplate: '<textarea rows="4" cols="140" ng-model="MODEL_COL_FIELD"></textarea>'

在uiGrid-edit的API中，它指出您必须具有有效的html，templateCache ID或url，它们会在调用编辑模式时返回要编译的html内容。 ，您还没有提供让textarea退出编辑模式的方法。为了解决这个问题，请在标签中添加ui-grid-editor，如下所示。

editableCellTemplate: '<textarea ui-grid-editor rows="4" cols="140" ng-model="MODEL_COL_FIELD"></textarea>'

ui-grid textarea编辑后未关闭

1 个答案: