加载局部视图

，所以我必须返回一个对文档强类型的局部视图与产品加载局部视图

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

加载局部视图

回答

相关问题