JavaScript 中动态创建的内容在刷新页面 MVC 上丢失

问题描述

我有一个页面，我在其中创建会话选项卡和会话选项卡内的 2 个子选项卡，子选项卡内有多个控件。这发生在某些事件上。在这种情况下，如果用户有多个事件，他可以有多个会话选项卡。当用户收到具有该特定条件的事件时，我正在 Java 脚本中创建这些选项卡。 问题是当用户单击刷新按钮时，所有选项卡都消失了。即使用户点击刷新按钮，我如何维护状态/选项卡。

解决方法

我建议使用在修改新内容时设置为 true 的标志。如果用户试图离开/刷新，您可以使用 onunload/onbeforeunload 警告

var _isDirty = false;
//Set this flag to true when you are making changes
 _isDirty = true;

挂钩方法并与用户核对，如果他/她真的想刷新

function confirmWinClose() {
 var confirmClose = confirm('Are you sure you want to refresh/leave?');
 return confirmClose;
}

window.onbeforeunload = confirmWinClose();