0

我有一个使用 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 还很陌生,完全不知道该怎么做。

请教育我 - 非常感谢提前。

4

0 回答 0