如何在 dialog() 模式弹出窗口中的部分视图之间保留字段数据
How to persist field data between partial views in a dialog() modal popup
在我的应用程序中创建新用户时,我显示了一个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,并且我丢失了已经输入的所有内容。
提前感谢伙计们!请不要犹豫,提出任何问题。
额外信息:
模型:对于父弹出窗口,我有一个"用户"模型,然后我将其用户详细信息,用户教育和用户就业传递到三个部分视图选项卡:用户详细信息,用户教育,用户就业。
如何让用户在不丢失数据的情况下自由浏览选项卡,以便在完成后,他们可以简单地保存 User 模型并保存三个连接的实体而不会丢失任何数据。
附言我没有使用 jquery 选项卡控件,因为我不需要这样做。
您应该一次将此部分视图加载到弹出窗口中。我的意思是所有 3 个选项卡选项卡的所有内容。显示更多代码以获得更好的解决方案,尤其是Javascript部分。
相关文章:
- 根据某些条件在视图之间切换
- 如何在rapaidjs中的视图之间共享数据
- angularJS:如何打破模型和视图之间的链接
- 在同一控制器上的视图之间切换
- 在主干中的视图之间传递值
- 骨干事件触发不同视图之间的协调
- 在两个视图之间来回转换
- titanium:窗口和视图之间的区别
- 在主干.js视图之间传递消息
- 如何在 dialog() 模式弹出窗口中的部分视图之间保留字段数据
- 在不同的视图之间共享相同的操作/功能
- 在视图之间移动时,主干会丢失下拉事件
- AngularJS:使用不同的控制器保持不同视图之间的视图状态
- 角度如何在搜索和结果视图之间切换并传递数据
- 在 AngularJS 中的视图之间保留 GoogleMaps 映射对象
- 在 Ionic 上的视图之间共享数据
- SugarCRM 7-如何在视图之间共享代码
- SAPUI5:如何在两个视图之间筛选列表
- Titanium Mobile固定背景视图之间的图像
- 如何在AngularJS中的视图之间移动$routeProvider时阻止$destroy-of-scope