angularjs - 如何单击 ng-grid 表中的按钮从模型中删除一行？

Question

我已经使用 ng-grid 设置了以下内容:

    var gridData = {};
    $scope.gridOptions = {
        data: 'gridData',
        enableCellEdit: true,
        multiSelect: false,
        columnDefs: [
            { field: 'testId', displayName: 'Test Id' },
            { field: 'name', displayName: 'Name', enableCellEdit: true, editableCellTemplate: cellEditableTemplate },
            { field: 'description', displayName: 'Description', enableCellEdit: true, editableCellTemplate: cellEditableTemplate },
            { field: '', cellTemplate: '<button ng-click="delete(row)">Delete</button>' }
        ]
    };

和:

   $scope.delete = function (row) {
      row.entity.$deleteData({ testId: row.entity.testId });
   }

这会向删除该行的服务器发送一条 HTTP 消息。然而行
仍然留在网格中。我怎样才能做到这样点击删除按钮
在一行上也从 gridData 对象中删除一行？

Answer 1

赞 Valentyn Shybanov 在他的评论中提到过，您应该检查服务器是否成功删除了数据库中的对象，然后将其从 gridData 数组中删除。

$scope.delete = function(row) {
    row.entity.$deleteData({testId:row.entity.testId})
        .then(function(response) {
            if (response.status === 'OK') {
                remove($scope.gridData, 'testId', row.entity.testId);
            }
        });
}

// parse the gridData array to find the object with testId
function remove(array, property, value) {
    $.each(array, function(index, result) {
        if (result[property] == value) {
            array.splice(index, 1);
        }
    });    
});

“删除功能”取自: https://stackoverflow.com/a/6310763/1036025