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

來源

2014-12-06 David Karlsson

要獲得編輯將來你必須添加edit module： 'ui.grid.edit' 模塊，你必須包括網格元素上的ui-grid-edit指令。

來源

2014-12-06 09:11:39

爲'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'])

來源

2017-01-19 20:23:44 joey

Ng-grid可編輯網格不會專注於點擊

回答

相關問題