javascript - 灯开关 2013 : Save then Refresh in JS

Question

我有2组代码:

1. 保存数据

myapp.activeDataWorkspace.ProjectHandlerData.saveChanges();

2.刷新页面

window.location.reload();

有没有一种方法可以使这两个功能在一个按钮上协同工作，因为目前当我单击“保存”时，浏览器会识别更改，并且会弹出(您确定要离开页面吗)消息或类似的内容向上..

干杯

Answer 1

这是针对 HTML 客户端的，对吧？假设情况是这样:

saveChanges() 是一个异步操作，因此您需要执行以下操作:

myapp.activeDataWorkspace.ProjectHandlerData.saveChanges().then(function () {
    window.location.reload();
});

这样它将等到完成保存更改后再重新加载屏幕。

但是，有一种更平滑的方法可以做到这一点，至少从用户的 Angular 来看它更平滑。在编辑屏幕上，保留 Save 方法，让 LightSwitch 处理它。当用户单击“保存”时，它将关闭编辑屏幕，并返回到之前的位置。使用 showScreen 方法的 options 参数，我们可以更改该行为。

更改调用编辑屏幕的方法，如下所示:

myapp.showEditProject(screen.Project, {
    afterClosed: function (editScreen) {
        myapp.showViewProject(editScreen.Project);
    }
});

这样，在编辑屏幕关闭并为您处理了保存更改操作后，应用程序将自动导航到最近编辑的项目的详细信息 View 屏幕。

如果您想在添加新实体后刷新浏览屏幕:

myapp.showAddEditProject(null, {
    beforeShown: function (addEditScreen) {
        addEditScreen.Project = new myapp.Project();
    },
    afterClosed: function () {
        screen.Projects.load();
    }
});

beforeShown 和 afterClosed 这两个选项为您提供了许多非常酷的功能来影响应用程序中的导航。