Immer wählen Sie die Zeilen aus ng-grid?

Wie erstelle ich (oder access) ein array der ausgewählten Zeilen in meiner ng-raster?

Dokumentation (scrollen Sie zu "Raster-Optionen")

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 für den code (und ausführen)

InformationsquelleAutor Foo Stack | 2013-06-01

  1. 23

    Basierend auf der doc - selectedItems sollte eine Eigenschaft von $scope.gridOptions, so versuchen Sie dies:

    Controller

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

    HTML

    <pre>{{gridOptions.selectedItems}}</pre>
    Vielen Dank, hatte gedacht, es sei ein Standard-option, da es mit einem Standard-Wert; ich glaube, ich werde nicht erwarten, wieder auf. Es funktioniert 🙂

    InformationsquelleAutor Ye Liu

  2. 7

    Erhalten Sie ausgewählte Elemente des ng-grid 2.x von:

    $scope.gridOptions.$gridScope.selectedItems

    InformationsquelleAutor ThanhHH

  3. 4

    In der version 3 können Sie tun:

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

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

    Finden http://ui-grid.info/docs/#/api/ui.grid.selection.api:PublicApi für mehr info.

    Ich hatte mehrere raster auf meiner Seite, und es schien, dass Probleme mit der Einstellung der $scope.mySelectedRows auch mit eindeutigen Werten, ich bin mir nicht sicher, warum, wie es sollte funktionieren. Ich war allerdings noch in der Lage zu bekommen, um jedes raster mit $scope.uniqueGridApi.selection.getSelectedRows().

    InformationsquelleAutor Ewald Stieger

  4. 3

    3.0, können Sie erfassen Zeilen, die Sie ausgewählt wurden, wie diese:

    $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);
  });
};

    Weitere Infos hier: http://ui-grid.info/docs/#/tutorial/210_selection

    Das ist zwar eine akzeptable Lösung, ich bevorzuge die Antwort von Ewald Stieger weil es weniger code zu pflegen.

    InformationsquelleAutor genegc

  5. 1

    Bin ich zu Lesen versuchte, eine Liste der ausgewählten Zeilen in dem moment. Die option wird angezeigt, bewegt haben, ich kann jetzt finden, diese in:

    $scope.gridOptions.ngGrid.config.selectedItems

    Scheint es zu sein, nur-lese -

    Dies war ein Lebensretter für mich. Die selectedItems-Eigenschaft, die ich versuchte, hier nicht funktioniert -- das tut!

    InformationsquelleAutor PaulL

Schreibe einen Kommentar