1

我在下面创建了一个带有 jQ​​uery UI 选项卡的 HTML 布局所有选项卡信息都与 Employee 相关

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？或部分视图结果？对于每个选项卡。

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

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

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

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

4

1 回答 1

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