Asp.net mvc 并排显示视图

我对MVC非常陌生，因此这可能是一个基本问题

我已经创建了一个名为HomeController的控制器，该控制器将有一个显示导航面板的视图，该面板的行为类似于菜单，但应始终作为Windows资源管理器中的文件夹可见。单击某个项目时，我想将另一个视图加载到右侧（类似于主细节）。每个项目都有一个视图和一个模型。要加载导航面板，我有以下代码

        @foreach (var service in Model.Services)
        {
            @Html.ActionLink(service.Label, "Details", new { serviceName = service.ServiceName })

        }

---

这段代码工作正常，但它打开了另一个视图，我的导航列表消失了。请指导如何打开“我的详细信息”视图和“主视图”

您需要使用ajax来完成此操作

将页面分成两部分。左链接容器div和右预览div。单击链接时，使用ajax调用该链接并更新同一页面的DOM（预览div）

<div>
  <div class="pageLeftMenuContainer">
      @foreach (var service in Model.Services)
      {          
        @Html.ActionLink(service.Label, "Details",
              new { serviceName = service.ServiceName },new { @class="ajaxLink"})
      }
  </div>
  <div class="pageRight" id="preview"></div>
</div>

---

没什么损失。我的HomeController中有“详细信息”操作。我应该把代码“$function…”放在哪里？你必须在视图（在脚本部分）中包含js代码，在那里你有菜单链接。这仍然会打开一个新窗口，我的导航面板也会消失

$(function(){
   $(".ajaxLink").click(function(e){
     e.preventDefault(); // prevent the normal link click behavior
     $("#preview").load($(this).attr("href"));
   });
});