ng-grid隐藏删除行上的某一行

Question

我正在设法识别ng-grid中的行，无论它们是被修改，删除还是创建。

在删除ng-grid中的行时，不是删除行，而是需要隐藏行并设置一个标记，表示它是已删除的行。

任何人都可以帮我解决如何在ng-grid中删除图标/按钮时隐藏行（删除时）。

$scope.reasonsGrid = { 
         data: 'myReasons',                    
        columnDefs: [
            {field: 'remove', displayName:'', cellTemplate: removeTemplate,enableCellEdit: false,width:30},
          {field: 'code', displayName: 'Reasons',cellTemplate: dropdownTemplate,enableCellEdit: false}]
        };

var removeTemplate ='span class="glyphicon glyphicon-minus-sign" ng-click="removeItem(row.rowIndex)"/>';
 $scope.removeItem = function(index) { //hide a row };

Answer 1

您可以尝试修改行后面的数据项并设置标志。然后，您可以从返回这些项目的过滤视图的函数中读取您的数据。

将行对象传递给您的函数

var removeTemplate ='<span class="glyphicon glyphicon-minus-sign" ng-click="removeItem(row)"/>';

在你的功能中：

$scope.removeItem = function(row) {
  var dataItem = row.entity;
  //Do something to dataItem to mark it as deleted
}