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>

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

带有mvc部分视图的Jquery选项卡

1 个答案: