Ng-grid可编辑网格不会专注于点击

问题描述：

我需要一个用户可以编辑的网格。我还需要能够向数据集添加额外的行，最好是从网格中添加一行。但首先我需要能够编辑数据。Ng-grid可编辑网格不会专注于点击

我以为我可以使用纯2方式绑定这一点。但单击单元格不会使其可编辑。我已经添加了enableCellEdit：true，并尝试添加enableCellEditOnFocus。我宁愿让所有单元格都可编辑而不必使用模板。单元格包含一个数字和一个日期。

以下是我通过网格的网格选项。

$scope.gridOptions = { 
    data: 'account.interests',enableRowSelection: false, 
    enableCellEditOnFocus: true, 
    multiSelect: false, 
    columnDefs: [{ 
     field: 'rate', 
     enableCellEdit: true, 
     width: 60 
    }, 
    { 
     field: 'date', 
     enableCellEdit: true, 
     cellFilter: 'date:\'yyyy-MM-dd\'' 
    }] 
    };

和我的观点格：

<div ng-if="showInterestRates" > 
    <div ui-grid="gridOptions"></div> 
</div>

enter image description here

答

要获得编辑将来你必须添加edit module： 'ui.grid.edit' 模块，你必须包括网格元素上的ui-grid-edit指令。

为'cellEditOnFocus'还必须添加的模块cellNav中兼得ui-grid-edit ui-grid-cellNav。至少在版本3.1.1中是如此 – Asqan 2016-03-07 14:55:39

答

确保你在你的DIV

<div ui-grid="gridOptions" ui-grid-edit ui-grid-cellNav class="grid"></div>

和你的模块

angular.module('app', ['ui.grid', 'ui.grid.edit','ui.grid.cellNav', 'ui.select'])

Ng-grid可编辑网格不会专注于点击

相关推荐