带有 mvc 部分视图的 Jquery 选项卡 [关闭]

Question

是否可以通过jquery的选项卡从控制器预加载动作，以便所有选项卡都以html预加载，并且在单击选项卡时不会重新加载页面？

尽管如此，我试图让页面上已加载每个选项卡的 html，因此当您浏览选项卡时，您无需重新加载即可检索数据。

Answer 1

这实际上与操作没有任何关系，只是将所需内容包含在您的视图中。可以这么简单：

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">first tab</a></li>
    <li><a href="#tabs-2">second tab</a></li>
    <li><a href="#tabs-3">third tab</a></li>
  </ul>
  <div id="tabs-1">
    first tab content
  </div>
  <div id="tabs-2">
    second tab content
  </div>
  <div id="tabs-3">
    third tab content
  </div>
</div>

如果您的视图被组织成选项卡的内容在部分视图中，只需在这些选项卡中呈现这些部分视图：

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">first tab</a></li>
    <li><a href="#tabs-2">second tab</a></li>
    <li><a href="#tabs-3">third tab</a></li>
  </ul>
  <div id="tabs-1">
    @Html.Partial("FirstTabView", Model)
  </div>
  <div id="tabs-2">
    @Html.Partial("SecondTabView", Model)
  </div>
  <div id="tabs-3">
    @Html.Partial("ThirdTabView", Model)
  </div>
</div>

最终这只是定义输出中的视图。控制器动作用于处理进一步的输入。