Angular JS UI-Grid删除行

Question

我是新手ui-grid,我正在尝试在AngularJS中实现一个表,如下图所示.我正在尝试选择一行并使用该特定行上的删除按钮将其删除.该ui-grid文件要求我们用的gridApi,但我不能找到同样足够的文件.

Answer 1

请参阅此处删除行的工作示例. http://plnkr.co/edit/6TiFC6plEMJMD4U6QmyS?p=preview

关键是使用indexOf(row.entity)而不是依赖,row.index因为它不会动态更新.

$scope.deleteRow = function(row) {
  var index = $scope.gridOptions.data.indexOf(row.entity);
  $scope.gridOptions.data.splice(index, 1);
};

通用方法

function deleteRow(row,grid) {
   var i = grid.options.data.indexOf(row.entity);
   grid.options.data.splice(i, 1);
}

Answer 2

只需使用 splice 从 ui-grids 数据源模型中删除要删除的行即可。

例如

$scope.myGridOptions.data.splice(<YOUR ROW INDEX HERE>, 1);