web-dev-qa-db-ja.com

ng-gridから行を選択しますか？

ng-grid で選択した行の配列を作成（またはアクセス）するにはどうすればよいですか？

Documentation （「グリッドオプション」までスクロール）

id                 | default value | definition
-----------------------------------------------
selectedItems      |       []      | all of the items selected in the grid.
                                     In single select mode there will only
                                     be one item in the array.

index.html

<body ng-controller="MyCtrl">
    <div class="gridStyle" ng-grid="gridOptions"></div>

    <h3>Rows selected</h3>
    <pre>{{selectedItems}}</pre>
</body>

main.js

var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { data: 'myData' };
});

コードのPlnkr （そしてそれを実行する）

angularjsdata-bindingangularjs-directiveangularjs-scopeng-grid
12
Foo Stack

ドキュメントに基づいて、selectedItemsは$scope.gridOptionsのプロパティである必要があるので、これを試してください。

コントローラ

$scope.gridOptions = { data: 'myData', selectedItems: [] };

HTML

<pre>{{gridOptions.selectedItems}}</pre>
23
Ye Liu

Ng-grid 2.xの選択されたアイテムは、以下から取得できます。

$scope.gridOptions.$gridScope.selectedItems
7
ThanhHH

バージョン3では、次のことができます。

$scope.gridOptions.onRegisterApi = function(gridApi){

  $scope.gridApi = gridApi;
  $scope.mySelectedRows=$scope.gridApi.selection.getSelectedRows();
}

詳細は http://ui-grid.info/docs/#/api/ui.grid.selection.api:PublicApi を参照してください。

4
Ewald Stieger

3.0の場合、次のように選択された行をキャプチャできます。

$scope.gridOptions.onRegisterApi = function(gridApi){
  //set gridApi on scope
  $scope.gridApi = gridApi;
  gridApi.selection.on.rowSelectionChanged($scope,function(row){
    var msg = 'row selected ' + row.isSelected;
    $log.log(msg);
  });
};

詳細はこちら： http://ui-grid.info/docs/#/tutorial/210_selection

3
genegc

現在、選択された行のリストを読み取ろうとしています。オプションは移動したようですが、これは次の場所にあります。

$scope.gridOptions.ngGrid.config.selectedItems

読み取り専用のようです

1
PaulL