如何跟踪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中选定行的顺序？

回答

相关问题