如何禁用saveRow事件ui-grid

Question

我正在使用ui-grid在UI中显示我的表.我有一个要求,我不希望表自动保存数据.我希望用户编辑表格中的所有数据,然后单击按钮更新所有编辑的数据.

上面的行为工作正常,但只有我得到的问题是每当用户在一行中编辑一个单元格,几秒钟后,该单元格变为灰色且无法编辑.在浏览器cnsole上我收到此错误:

引发saveRow事件时没有返回promise,无论是没有人正在侦听事件,还是事件处理程序没有返回promise

由于上面的JS错误,整行变得不可编辑.除非我点击我的按钮,否则如何告诉ui-grid不保存数据.

如果我处理saveRow事件,那么我的按钮不起作用.请帮助我这方面.

以下是相关代码的片段:

    var grid = {
                    data : 'hwData['+key+']',
                    paginationPageSizes: [25, 50, 75],
                    paginationPageSize: 25,
                    enableGridMenu: true,
                    enableFiltering: true,
                    enableSelectAll: true,
                    enableColumnResize : true,
                    exporterCsvFilename: 'myFile.csv',
                    exporterMenuPdf: false,
                    exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),

                    onRegisterApi: function(gridApi){
                          $scope.gridApi.push(gridApi);
                          gridApi.edit.on.afterCellEdit($scope,function(rowEntity, colDef, newValue, oldValue){
                              if(oldValue  == newValue){
                                    return false;
                              }


                                $("#test").prepend('<font color= "red"> ' +colDef.name+ 'Edited  ');


                           })
                          },

..............some more code
..............
$.ajax({
                                        type:'POST',
                                        url:'/HardwareInventory/ajax/storage/edit_owned_storage',
                                        data: jsonHostNames,
                                        dataType:"json",
                                        contentType: "application/json; charset=utf-8",
                                        success : function(result){
                                            if(result.status == "Success"){

                                                location.reload(true);
                                            }else{
                                                bootbox.alert("Either hostname is not correct or you don't have permission to edit this team's data");


                                            }
                                        },
                                        statusCode: {
                                            500: function(){
                                                alert("Oops!, there has been an internal error");
                                            }
                                        },
                                        complete: function(result){
                                        }
                                    });
                                }
                            });

Answer 1

在网格选项中设置"rowEditWaitInterval:-1",默认情况下它永远不会调用saveRow方法,因此您可以在自定义方法中保存修改后的数据.你可以访问这样的污垢

var dirtyRows = $scope.gridApi.rowEdit.getDirtyRows($scope.gridApi.grid);