我想使用 asp.net mvc 实现一个产品。
我的产品分为几个模块,我想使用 jquery 选项卡小部件来指导用户完成提交。
我的 ProductController 将 viewModel 对象列表发送到产品视图。
所以我的产品视图如下所示:
@model IList<View.Products.Modules.IModuleView>
<script type="text/javascript">
$(document).ready(function () {
$("#tabs").tabs({ ajaxOptions:
{
type: 'POST',
cache: false
}
});
});
</script>
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>Tab1</span></a></li>
<li><a href="#fragment-2"><span>Tab2</span></a></li>
<li>@Html.ActionLink("Result","Result","Product")</li>
</ul>
<div id="fragment-1">
@{
var viewModelA = Model.Where(c => c.GetType() == typeof(WebMvcUI.Models.ModelA)).First();
var viewModelB = Model.Where(c => c.GetType() == typeof(WebMvcUI.Models.ModelB)).First();
var viewModelC = Model.Where(c => c.GetType() == typeof(WebMvcUI.Models.ModelC)).First();
}
@Html.Partial("viewA", viewModelA)
@Html.Partial("viewB", viewModelB)
@Html.Partial("viewC", viewModelC)
</div>
<div id="fragment-2">
Lorem ipsum dolor...
</div>
</div>
到目前为止,一切都很好。当用户单击最后一个选项卡时,他会在我的 ProductController 上调用操作 Result。这是我的问题:收集部分视图的所有表单信息、将其发送回控制器并更新我的视图模型的最佳方法是什么?
感谢您的任何建议!