Asp.net mvc 单击同一页面上的href链接加载部分视图
所以我有一个操作,它返回一个带有产品列表的强类型局部视图Asp.net mvc 单击同一页面上的href链接加载部分视图,asp.net-mvc,asp.net-mvc-partialview,Asp.net Mvc,Asp.net Mvc Partialview,所以我有一个操作,它返回一个带有产品列表的强类型局部视图 public ActionResult GetProducts(int catID,int langID) { CategoryViewModel ob = new CategoryViewModel(); ob.GetProducts(catID, langID); return PartialView("GetProducts",ob);
public ActionResult GetProducts(int catID,int langID)
{
CategoryViewModel ob = new CategoryViewModel();
ob.GetProducts(catID, langID);
return PartialView("GetProducts",ob);
}
在DocumentReady上的我的Index()视图中,我加载了部分视图,它在div“categoriesPlace”中返回我GetCategories操作
这是我的索引()视图
<script>
$(document).ready(function () {
$("#categoriesPlace").load('@Url.Action("GetCategories")' + '?langId=' + $("#ddlLanguages").val());
});
<div id="categoriesPlace"></div>
<div id="productsPlace"></div>
@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>
}
$(文档).ready(函数(){
$(“#categoriesPlace”).load('@Url.Action(“GetCategories”)'+'?langId='+$(“#ddl语言”).val());
});
在GetCategories()视图中,我有很多链接因此,我希望在单击此链接的某些部分时,使用从GetProducts()操作返回的部分视图加载div productsPlace(在index()视图中) 这是我的GetCategories()视图
<script>
$(document).ready(function () {
$("#categoriesPlace").load('@Url.Action("GetCategories")' + '?langId=' + $("#ddlLanguages").val());
});
<div id="categoriesPlace"></div>
<div id="productsPlace"></div>
@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>
}
@model IEnumerable
@{
ViewBag.Title=“Index”;
}
@foreach(@Model中的var树)
{
-
}
我会给出所有的
对于单击事件绑定:
$('.getProducts').on('click', function() {
$('#productsPlace').load('<%=Url.Action("GetProducts", "YourController")%>', new { catID = tree.CategoryCode,langID= 1}, null);
});
$('.getProducts')。在('click',function()上{
$('#productsPlace').load('',新的{catID=tree.CategoryCode,langID=1},null);
});