ng-网格与底层数据失去同步

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);
                            });
                        };
                    }
                }
            });