ASP.Net MVC3和jQuery UI选项卡

时间:2012-12-17 10:14:01

标签: asp.net-mvc asp.net-mvc-3 jquery-ui-tabs

我在下面用jQuery 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?还是PartialViewResult?对于每个标签。

有时用户可能只更新部门信息。在这里,我应该只保存标签信息。

我希望首次加载所有这些标签,而不是使用ajax按需加载。

任何人都可以建议我如何在MVC中组织我的需求?

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

1 个答案:

答案 0 :(得分:1)

  1. 查看碎片:
    您可以执行单个视图,也可以将其拆分为多个部分。直到它们呈现必要的html才真正重要。
  2. 要分别保存每个标签中的信息,请在<form />中打包每个标签内容,这样您就可以使用多个表单而不是一个。
  3. 要显示提交的下一个标签,解决方案将取决于提交流程。如果你有同步Post(Get),那么你必须传递带有Response的pass tab参数,并依赖于DOM ready上的响应打开下一个选项卡(使用jQuery)。否则,如果您使用ajax提交标签,则可以在处理程序中切换标签。