如何在dialog（）模态弹出窗口中的部分视图之间保留字段数据

Question

在我的应用程序中创建新用户时，我正在显示一个JQuery模态弹出窗口（.dialog（）），它包含一个局部视图，其中三个子局部视图显示为选项卡。

标签内容（部分视图）通过使用简单替换为的Ajax调用加载到模式弹出窗口中

呈现标签内容的Javascript：

        $.post('@Url.Action("AddUserEducation","User")', { id: userId},
        function(data) {
            $("#education").show().html(data);
           }

动作方法：

    public PartialViewResult AddUserEducation(Guid id)
    {
            var userEducation = new UserEducation();
            var user = GetUserFromRepository(id);
            userEducation.User = User;

            return PartialView("UserEducation", userEducation);
    }

用户局部视图，其中将显示选项卡：

<div id="details"></div>
<div id="education"></div>
<div id="employment"></div>

因此，每次切换选项卡时，另一个局部视图都会加载到弹出式Div内。

切换标签时，我想不出一种保存数据的好方法。

每次我切换标签时，都会调用一个Actionmethod来用标签内容html填充div，然后我会松散已经输入的所有内容。

在此先感谢大家！ 请不要问任何问题。

额外信息：

模型：对于父级弹出窗口，我有一个“用户”模型，然后将其UserDetails，UserEducation和UserEmployment分别传递给三个局部视图选项卡：用户详细信息，用户培训，用户雇佣。

如何让用户自由浏览选项卡而又不丢失数据，因此完成后他们可以简单地保存User模型并保存三个连接的实体而不会丢失任何数据。

ps我不使用jquery选项卡控件，因为我不需要。

Answer 1

您应该立即将此部分视图加载到弹出窗口中。 我的意思是所有3个标签的所有内容。 显示更多代码以获得更好的解决方案，尤其是Javascript部分。