如何跟蹤UI-Grid中選定行的順序？

上午在一個角度項目中使用UI-GRID上午我想知道是否有一種方法來跟蹤所選行的順序（允許用戶選擇/取消選擇行）訂單gridApi.selection.getSelectedRows()返回並不理想與.Any想法請嗎？ http://plnkr.co/edit/gD4hiEO2vFGXiTlyQCix?p=preview。（如果您隨意選擇/取消選擇元素，plnkr可能有助於突出顯示問題，您將看到訂單如何保存元素）如何跟蹤UI-Grid中選定行的順序？

來源

2017-02-27 Mero

我相信這可能接近您想要的，Mero。

的JavaScript/AngularJS控制器：

var app = angular.module('app', ['ui.grid', 'ui.grid.selection']); 
app.controller('MainCtrl', ['$scope', '$http', function($scope, $http) { 
    $scope.mySelections = []; 
    $scope.mySelectionsInOrder = []; 
    $scope.gridOnRegisterApi = function(gridApi) { 
    gridApi.selection.on.rowSelectionChanged($scope, function(row) { 
     $scope.mySelections = gridApi.selection.getSelectedRows(); 
     if (row.isSelected) { 
     $scope.mySelectionsInOrder.push(row.entity); 
     } else { 
     $scope.mySelectionsInOrder.splice($scope.mySelectionsInOrder.indexOf(row.entity), 1); 
     } 
     console.log($scope.mySelections); 
    }); 
    }; 
    $scope.gridOptions = { 
    enableSelectAll: true, 
    enableRowSelection: true, 
    enableRowHeaderSelection: false, 
    enableFullRowSelection: true, 
    showGridFooter: true, 
    onRegisterApi: $scope.gridOnRegisterApi 
    } 
    $http.get('data.json') 
    .then(function(response) { 
     $scope.gridOptions.data = response.data; 
    }); 
}]);

的基本思路是，以保持rowSelectionChanged活動期間跟蹤選項，並與row.isSelected確定是否我們應該push或splice。

這是一個可以工作的Plunker，http://plnkr.co/edit/lnng9coOQHca3PzOSjQI?p=preview。

希望這可以幫助，讓我知道如果你有任何問題。

來源

2017-03-09 20:10:07

如何跟蹤UI-Grid中選定行的順序？

回答

相關問題