0

ユーザーが編集できるグリッドが必要です。また、できればグリッドから、データ セットに追加の行を追加できるようにする必要もあります。しかし、まず第一に、データを編集できる必要があります。

これにはプレーンな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>

ここに画像の説明を入力

4

2 に答える 2

2

編集の未来を取得するには、編集モジュール: 'ui.grid.edit' モジュールを追加する必要があり、グリッド要素に ui-grid-edit ディレクティブを含める必要があります。

于 2014-12-06T09:11:39.813 に答える