Asp.net MVC3-在同一页面上显示部分视图

Asp.net MVC3-在同一页面上显示部分视图,asp.net,asp.net-mvc,asp.net-mvc-3,Asp.net,Asp.net Mvc,Asp.net Mvc 3,我的页面上有一个左侧导航菜单。。使用url.action,如下所示。。我正试图根据点击的链接引入一个紧邻(菜单右侧)的视图。。我在导航菜单旁边放了一个div。。但不知道如何在该分区中显示适当的内容 <table> <tr><td><a href='@Url.Action("ActionName1", "ControllerName")'> <img src='@Url.Content("~/Content/themes/base/image

我的页面上有一个左侧导航菜单。。使用url.action,如下所示。。我正试图根据点击的链接引入一个紧邻(菜单右侧)的视图。。我在导航菜单旁边放了一个div。。但不知道如何在该分区中显示适当的内容

<table>

<tr><td><a href='@Url.Action("ActionName1", "ControllerName")'>
<img src='@Url.Content("~/Content/themes/base/images/image1.png")'/></a></td></tr>

<tr><td><a href='@Url.Action("ActionName2", "ControllerName")'>
<img src='@Url.Content("~/Content/themes/base/images/image2.png")'/></a></td></tr> 


</table>
<div id="DISPLAYVIEWHERE">DISPLAY VIEW HERE based on link that is clicked</div>

当我运行这个程序时,partialview1将在一个新页面中打开。如何在导航菜单右侧的同一页面中打开此部分视图。因此,根据单击的链接,导航菜单旁边会显示partialview1或partialview2。。。谢谢您的帮助。

在这种情况下,您必须使用ajax。您可以向锚定标记添加一些类,如

<a class='handle' href='@Url.Action("ActionName1", "ControllerName")'>
<img src='@Url.Content("~/Content/themes/base/images/image1.png")'/></a>
<a class='handle' href='@Url.Action("ActionName2", "ControllerName")'>
<img src='@Url.Content("~/Content/themes/base/images/image2.png")'/></a>

在这种情况下,您必须使用ajax。您可以向锚定标记添加一些类,如

<a class='handle' href='@Url.Action("ActionName1", "ControllerName")'>
<img src='@Url.Content("~/Content/themes/base/images/image1.png")'/></a>
<a class='handle' href='@Url.Action("ActionName2", "ControllerName")'>
<img src='@Url.Content("~/Content/themes/base/images/image2.png")'/></a>

您需要使用ajax在同一页面中显示数据。您可以使用MVC ajax或Jquery ajax来完成此操作。您需要使用ajax在同一页面中显示数据。您可以使用MVC ajax或Jquery ajax来完成此操作。
    $('.handle').live('click', function(){
        $.ajax({
            url:this.href,
            type='post',
            success:function(data)
            {
               //data contains the result returned by server you can put it in div here
               $('#DISPLAYVIEWHERE').html(data);
            }
            });
//here you have to return false to prevent anchor from taking you to other page
return false;
    });