jquery - 使用 jquery 和局部视图的 MVC3 布局

Question

我想要实现的是一种布局视图类型的功能，我在弹出窗口顶部有选项卡，这也是一个部分视图，我可以单击它们在 jquery 和部分视图的帮助下在不同页面之间导航. 几乎是一种布局功能。

如果有视频教程或有关如何实现此目的的任何指导，请告诉我。我还需要将 id 传递给局部视图以获取信息。

谢谢！

Answer 1

有几种方法可以做到：

1）像上面评论中提到的一些人一样，您可以实现 JQuery .tab()。这是您可以遵循的教程： http ://www.jacklmoore.com/notes/jquery-tabs

2) 您可以创建一个将显示为 JQuery .dialog() 的局部视图。在该局部视图中，您可以在顶部拥有与三个选项卡标题相对应的三个链接。

每个链接都将在 div 上调用 JQuery .show() ，该 div 将包含您要显示的“选项卡”内容和 .hide() 供其他人使用。我通常只是将要显示的 div (tab) 的 id 传递给如下所示：

function displaySelectedTab(selectedTab) {
    $("#tab1").hide();
    $("#tab2").hide();
    $("#tab3").hide();

    $(selectedTab).show();
}

3) 第三个选项是为每个选项卡设置单独的局部视图。您可以使用 JQuery .load()方法将不同的选项卡加载到 Div 部分：

var url = "/ControllerName/ActionViewThatReturnsPartialView/
$("#popup-div-placeholder").html("").load(url);

要实现弹出窗口机制，您可以利用 JQuery .dialog()

希望能帮助到你。