ng-grid - ng-grid 与底层数据失去同步

Question

我正在从 jQeuryUI 弹出表单中更新一行网格数据。使用 Ajax 更新服务器端数据库后，我更新了数据数组中的数据行。但网格仍然保持不变。似乎阵列和网格失去了同步。

           $.ajax({
                type: "PUT",
                url: "/api/WebAPIAdminStaff",
                data: $('#editForm').serialize(),
                success: function (result) {
                    if (result) {
                        var scope = angular.element($("#ngBody")).scope();
                        var row = scope.gridOptions.selectedItems[0];
                        var index = scope.myData.indexOf(row);
                        scope.$apply(function () {
                            scope.myData[index].FirstName = paramFromView.FirstName;
                        });
                    }
                }
            });

这段代码有什么问题吗？真的需要它工作！多谢！

Answer 1

我最终必须删除该行并使用更新的数据再次添加新行。

            $.ajax({
                type: "PUT",
                url: "/api/WebAPIAdminStaff",
                data: $('#editForm').serialize(),
                success: function (result) {
                    if (result) {
                        var scope = angular.element($("#ngBody")).scope();
                        var row = scope.gridOptions.selectedItems[0];
                        var index = scope.myData.indexOf(row);
                        scope.gridOptions.selectItem(index, false);
                        scope.$apply(function () {
                            scope.myData.splice(index, 1);
                        });
                        scope.$apply(function () {
                            scope.myData.splice(index, 0, result);
                        });
                        setTimeout(selectARow, 0); 
                        function selectARow() {
                            scope.$apply(function () {
                                scope.gridOptions.selectItem(index, true);
                            });
                        };
                    }
                }
            });