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

Question

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

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

谢谢！

Answer 1

有几种方法可以做到：

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

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

每个链接都会在一个div上调用JQuery .show（），该div将包含您要显示的“tab”内容和其他人的.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()

希望它有所帮助。