ASP.Net MVC3 和 jQuery UI 选项卡

Question

我在下面创建了一个带有jQuery UI选项卡的HTML布局所有选项卡信息都与员工相关

网页代码：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Details</a></li>
        <li><a href="#tabs-2">Deparment</a></li>
        <li><a href="#tabs-3">Salary Info</a></li>
    </ul>
    <div id="tabs-1">
        <p>Some fiels here</p>
    </div>
    <div id="tabs-2">
                <p>Some fiels here</p>
    </div>
    <div id="tabs-3">
                <p>Some fiels here</p>
    </div>
</div>

我所需要的只是我想把它保留在MVC页面中。

我可以在一个

视图中包含所有选项卡，或者我可以为每个选项卡使用 @Html.Partial ？或 PartialViewResult？。

有时，用户可能只更新部门信息。在这里，我应该只保存该选项卡信息。

我希望所有这些选项卡在第一次加载，而不是使用 ajax 按需加载。

谁能建议如何在 MVC 中组织我的需求？

注意：还有一件事是我想对添加和编辑员工使用相同的方法。在添加员工的情况下，我应该只能查看已启用的基本详细信息和其他处于禁用模式的选项卡。用户保存基本详细信息后，应启用其他选项卡。

Answer 1

1. 视图碎片：
   您可以执行单个视图，也可以将其拆分为多个部分。在他们呈现必要的html之前，这并不重要。
2. 要分别保存每个选项卡中的信息，请将每个选项卡内容包装在 <form /> 中，这样您将拥有多个表单而不是一个表单。
3. 要在提交时显示下一个选项卡，解决方案将取决于提交过程。如果你有同步的Post（Get），那么你将不得不传递带有Response的传递选项卡参数，并依赖于响应打开DOM上的下一个选项卡（为此使用jQuery）。否则，如果使用 ajax 提交选项卡，则可以在处理程序中切换选项卡。