我有一个使用 jQuery 进行选项卡的选项卡式视图:
<script type="text/javascript">
$(document).ready(function () {
$("#tabs").tabs();
});
以下是视图的其余部分:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-4">Form summary</a></li>
</ul>
<div id="tabs-1">
@Html.Partial("Data1")
</div>
<div id="tabs-2">
@Html.Partial("Data2")
</div>
<div id="tabs-3">
@Html.Partial("Summary")
</div>
其中前两个部分视图代表完整数据模型的两个部分。部分视图如下所示:
@model ....
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<div class="editor-label">
@Html.LabelFor(model => model.Item1)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Item1)
@Html.ValidationMessageFor(model => model.Item1)
</div>
<p>
<input type="submit" value="Previous Medical History" />
</p>
</fieldset>
}
我正在使用“从模型生成控制器”方法来获取部分视图的内容。模型包含用于验证等的属性。这些是真实代码的编辑摘录,可能有一些错误!
我想要做的是使用每个部分视图的验证组件,但将提交推迟到第二个选项卡的末尾,然后移动到第三个选项卡以确认提交。
我对 MVC 还很陌生,完全不知道该怎么做。
请教育我 - 非常感谢提前。