如何在asp mvc視圖中加載選定的partialview？

Question

我正在開發ASP.NET Mvc項目。我具有類似於圖像的圖：

enter image description here

我在佈局設計右面板中。我的佈局代碼：

 <div class="col-md-3 panel panel-info" style="margin-top:20px;"> 
     <div class="panel panel-primary" style="margin-top:8px;"> 
      <div class="panel-heading">Setting</div> 
      <div class="panel-body"> 

       <div class="list-group"> 

        <a href="#" class="list-group-item active text-center">Lists</a> 
        <hr /> 
        <a href="#" class="list-group-item">Add Users - Partialview 1</a> 

        <a href="~/Areas/Admin/Views/Shared/_AddUser.cshtml" class="list-group-item">Edit Users - Partialview 2</a> 

        <a href="~/Areas/Admin/Views/Shared/_UserList.cshtml" class="list-group-item">User List - Partialview 3</a> 

        <a href="#" class="list-group-item">Set Password - Partialview 4</a> 

        <a href="#" class="list-group-item">User Details - Partialview 5</a> 

        <a href="#" class="list-group-item">Send Message - Partialview 6</a> 

       </div> 
      </div> 
     </div> 
    </div> 

我有幾個模式在右面板包含：添加，編輯，列表和... 每種模式都有一個特殊的Partialview。我想，當我點擊右側面板上的每個模式時，左側的特殊部分視圖加載。我怎樣才能加載動態partialview在asp mvc？

感謝

Answer 1

方法1

首先，你需要做出這樣的控制器的動作在你看來

 @{Html.RenderAction("youractionname", "controllername");} 

，然後在控制器，你需要回到像局部視圖這

public ActionResult youractionname() 
     { 
      return PartialView("~/Areas/Admin/Views/Shared/_AddUser.cshtml"); 
     } 

通過此方法您的部分視圖將被加載到您的視圖中。

方法2

您可以使用AJAX來加載partialview而無需刷新瀏覽器。

首先，您需要添加一個帶有某些ID的div，您需要加載部分視圖。

<div id="PartialId"></div> 

，那麼你需要添加（上部分觀點將被載入該鏈接的點擊）操作鏈接

<a href="javascript:Details()">Select</a> 

你的AJAX方法看起來像下面

<script> 
    function Details() { 
     jQuery.ajax({ 
      url: '@Url.Action("index", "Home")', // your action method 
      method: "POST", // your method 
      cache: false, 
      data: { } 
     }).done(function (result) { 
      $('#PartialId').html(result); 
     }); 
    } 
</script> 

注意你需要添加你的項目添加Unobtrusive-Ajax-jQuery腳本。

你可以找到這個here