點擊一個按鈕顯示不同的局部視圖在特定的條件下的局部視圖

<div class="col-md-12" id="bindpartialviews"> 
    @Html.Partial("_ReportHD") 
</div>

是否有可能綁定不同的局部視圖基於onclick上面的div按鈕？點擊一個按鈕顯示不同的局部視圖在特定的條件下的局部視圖

我的AJAX方法是如下：

$.ajax({ 
     cache: false, 
     type: "GET", 
     url: yourApp.Urls.GetAllReports, 
     data: { SearchValue: searchval }, 
     success: function (result) { 
      $("#bindpartialviews").html(result);     
     } 
    });

我有兩個不同的局部視圖（其可以在沒有增加）。 1）_ReportHD.cshtml 2）_ReportSD.cshtml

在我的表單中我有一個下拉菜單。根據選定的值，單擊單個按鈕時將加載不同的局部視圖。

我已經使用ASP.Net MVC 4，JQuery。歡迎任何幫助。

來源

2016-10-15 Monibrata

按鈕點擊你正在調用一些方法由ajax吧？如果是，則顯示爲您的控制器方法。 –

你有什麼問題？ –

#Stephen Muecke - 單擊時如何顯示不同的局部視圖，我沒有辦法。任何樣品都可能適合我。 – Monibrata

您必須在Controller中創建一個簡單的方法。然後基於條件你必須返回一個局部視圖。

控制器方法

 /// <summary> 
     /// Choose View based on selected dropdown value. 
     /// </summary> 
     /// <param name="inputParam">Parameter.</param> 
     /// <returns>Partial view.</returns> 
     public PartialViewResult ChooseView(string inputParam) 
     { 
      //Here add your condition. 
      if(inputParam=="A") 
      { 
       return PartialView("_ReportHD"); 
      } 
      else 
      { 
       return PartialView("_ReportSD"); 
      } 
     }

然後調用按鈕，點擊AJAX功能。那麼你可以很容易地綁定在任何div。

注意：您必須通過選定的下拉值。

$.ajax({ 
     cache: false, 
     type: "GET", 
     datatype:"text", 
     url: "/ControllerName/ChooseView?inputParam="+searchval, 
     success: function (result) { 
      $("#bindpartialviews").html(result);     
     } 
    });

來源

2016-10-15 09:24:55

點擊一個按鈕顯示不同的局部視圖在特定的條件下的局部視圖

回答

相關問題