我有一个表单,其中模型显示在多个部分视图中,使用 jQuery 选项卡,一切正常,除了验证摘要不查看所有视图的错误。
如果用户在第一个选项卡中出现错误,则移动到第二个选项卡,验证摘要将被最后使用的选项卡中的错误覆盖。
如果我不使用 jQuery 选项卡,它运行良好。
如何使用选项卡并在部分视图/选项卡之间共享验证摘要?
主视图:
@model Data
<script type="text/javascript">
$(function () {
$("#Tabs").tabs();
});
</script>
<div id="Tabs">
<ul>
<li><a href="#tabs-Product">Product</a></li>
<li><a href="#tabs-Filteration">Filteration</a></li>
</ul>
@using (Ajax.BeginForm(MVC.Products.Save(),
new AjaxOptions { HttpMethod = FormMethod.Post.ToString()}))
{
<div id="tabs-Product">
@{ Html.RenderPartial(MVC.Products.Views.tabs._tabs_Product, Model);}
</div>
<div id="tabs-Filteration">
@{ Html.RenderPartial(MVC.Products.Views.tabs._tabs_Filteration, Model);}
</div>
@Html.ValidationSummary(false)
<input type="submit" value="Ok" />
}
</div>