加載局部視圖

，所以我必須返回一個對文檔強類型的局部視圖與產品加載局部視圖

public ActionResult GetProducts(int catID,int langID) 
     { 
      CategoryViewModel ob = new CategoryViewModel(); 
      ob.GetProducts(catID, langID); 
      return PartialView("GetProducts",ob); 

     }

在我的指數（）查看列表行動準備我加載局部視圖它將div中的GetCategories操作返回給「categoriesPlace」。

這裏是我的指數（）查看

<script> 


    $(document).ready(function() { 

     $("#categoriesPlace").load('@Url.Action("GetCategories")' + '?langId=' + $("#ddlLanguages").val()); 


    }); 
<div id="categoriesPlace"></div> 
<div id="productsPlace"></div>

在GetCategories（我有很多的鏈接）視圖。 所以想要當我點擊一些鏈接的 - 與從的GetProducts（）返回的動作

這裏局部視圖加載DIV productsPlace（它是在指數（）視圖）的我的GetCategories（）查看

@model IEnumerable<OnlineStore.Commercial.Models.CategoryViewModel> 

@{ 
    ViewBag.Title = "Index"; 
} 




    @foreach (var tree in @Model) 
    { 
    <ul id="tree"> 
     <li> 
      <a href="@Url.Action("GetProducts", new { catID = tree.CategoryCode,langID= 1})">@tree.CategoryName</a> 

     </li> 
    </ul> 
    }

來源

2014-02-12 Milka Salkova

我會給所有的<a>要素類，說getProducts，然後點擊事件綁定到它們：（請原諒我在<%語法編寫URL）

所以對於<a>元素：

<a href="javascript:void(0);" class="getProducts">@tree.CategoryName</a>

而且click事件綁定：

$('.getProducts').on('click', function() { 
    $('#productsPlace').load('<%=Url.Action("GetProducts", "YourController")%>', new { catID = tree.CategoryCode,langID= 1}, null); 
});

來源

2014-02-12 06:42:39

加載局部視圖

回答

相關問題