使用链接按钮在多视图中显示不同的网页

时间:2011-03-02 07:01:33

标签: asp.net-mvc

我已经在ASp.net 3.5上开发了一个带有VB的网站,其中有多个页面问题是我想在一个视图中显示所有页面用户点击链接按钮和coprresponding页面应该在单个页面上打开然后用户点击其他链接按钮和另一个页面在相同的浏览器窗口中打开,布局相同。请告诉我该怎么办?

1 个答案:

答案 0 :(得分:1)

您可以使用AJAX来实现这一目标。因此,举例来说,假设您有多个控制器操作可以返回部分视图。然后,您可以在页面上创建指向这些操作的链接:

<%= Html.ActionLink("page 1", "Page1", "SomeController", null, new { id = "link1" }) %>
<%= Html.ActionLink("page 2", "Page2", "SomeController", null, new { id = "link2" }) %>
<%= Html.ActionLink("page 3", "Page3", "SomeController", null, new { id = "link3" }) %>

和将加载页面的3个相应占位符:

<div id="page1" />
<div id="page1" />
<div id="page1" />

你现在可以在单独的javascript文件中AJAX化这些链接。 jquery示例:

$(function() {
    $('#link1').click(function() {
        $('#page1').load(this.href);
        return false;
    });
    $('#link2').click(function() {
        $('#page2').load(this.href);
        return false;
    });
    $('#link3').click(function() {
        $('#page3').load(this.href);
        return false;
    });
});

我还强烈建议您浏览tutorials on the ASP.NET MVC site