Question

我的应用程序中有一个ui-grid，当用户从网格中选择一行（单行可选网格）时，我想获取所选行。

我知道如何在点击按钮时通过gridApi获取所选行。但是我无法立即在选定的行事件中获得选定的行。

Answer 1

需要注册api功能并使用如下所示

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

   $scope.gridApi = gridApi;

   gridApi.selection.on.rowSelectionChanged($scope, function(row){ 
    $scope.countRows = $scope.gridApi.selection.getSelectedRows().length;
    });

   gridApi.selection.on.rowSelectionChangedBatch($scope, function(row){ 
    $scope.countRows = $scope.gridApi.selection.getSelectedRows().length;
    });
};

Answer 2

你可以在行上绑定ng-click，获取$ event。

修改模板并引用appScope

console.log(clientMessages)

Answer 3

只是添加：

gridApi.selection.on.rowSelectionChanged($scope,function(row){
    console.log(row.entity);
  });

在ui网格的registor api函数中。 row.entity将给出选定的行

更多详细信息：http://ui-grid.info/docs/#/tutorial/210_selection

如何在行选择事件的angularjs UI-GRID中获取所选行

3 个答案: