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

ng-grid hide a certain row on remove row

本文关键字：隐藏 删除行 ng-grid      更新时间：2023-09-26

我正在尝试找到方法来识别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 };

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

将行对象传递给函数

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
}
相关文章：