3

我正在尝试editableCellTemplate在 ng-grid 中设置 ColumnDef 选项（在此处记录）。

当我设置它时，即使设置为默认值<input ng-class="'colt' + col.index" ng-input="COL_FIELD" />，单击单元格也会立即出现错误

错误：没有控制器：在 nodeLinkFn（http://foo.com:43037/Scripts/angular . js:4361:35 ) 在compositeLinkFn ( http://foo.com:43037/Scripts/angular.js:3969:15 ) 在compositeLinkFn ( http://foo.com:43037/Scripts/angular.js:3972: 13 ) 在 publicLinkFn ( http://foo.com:43037/Scripts/angular.js:3874:30 ) 在 Object. ( http://foo.com:43037/Scripts/ng-grid-2.0.7.js:2660:13 ) 在 Object.applyFunction [as fn] (:778:50) 在 Object.Scope.$digest ( http ://foo.com:43037/Scripts/angular.js:7896:27）在 Object.$delegate。原型.$digest (:844:31) <input ng-class="'colt' + col.index" ng-input="row.entity.Name">

如果我不设置editableCellTemplate，编辑单元格就可以了。

$scope.gridOptions = {
    data: 'people',
    enableCellSelection: true,
    enableRowSelection: false,
    enableCellEdit: true,
    columnDefs:
    [
        { field: 'Id', displayName: 'ID', enableCellEdit: false },
        { field: 'Name', enableCellEdit: true, 
          editableCellTemplate: '<input ng-class="\'colt\' + col.index" ng-input="COL_FIELD" />' }
    ]
};

怎么了？

（我实际上要解决的问题是在单元格编辑结束时创建一个事件，但该解决方案假定您可以设置单元格模板）

4

1 回答 1

8

您的模板还input需要ng-model定义一个属性：

<input ng-class="'colt' + col.index" ng-input="COL_FIELD" ng-model="COL_FIELD" />

这是默认设置 editableCellTemplate。

于 2013-08-23T11:04:58.070 回答