如果有人可以提供以下建议,我将不胜感激:在我看来,我显示了项目列表:
@model PagedList.IPagedList<Items>
@using PagedList.Mvc;
@foreach (var item in Model)
{//displaying data}
我的寻呼机看起来像这样:
@Html.PagedListPager(Model, page => Url.Action("Index", new { humanID = ViewBag.HumanID, page = page }),
new PagedListRenderOptions
{
LinkToFirstPageFormat = "<<",
LinkToPreviousPageFormat = "prev",
LinkToNextPageFormat = "next",
LinkToLastPageFormat = ">>",
})
问题是,当我单击下一页时,它将返回空白,而没有我的_Layout
。我不想一直重新加载_Layout。有没有一种方法可以将Ajax.ActionLink用于寻呼机?这样我就可以UpdateTargedId
进入局部视图?
您不能使用Ajax.ActionLink,但可以对链接进行AJAX。将传呼机放在<div>
:
<div id="myPager">
@Html.PagedListPager(
Model,
page => Url.Action(
"Index",
new {
humanID = ViewBag.HumanID,
page = page
}
),
new PagedListRenderOptions
{
LinkToFirstPageFormat = "<<",
LinkToPreviousPageFormat = "prev",
LinkToNextPageFormat = "next",
LinkToLastPageFormat = ">>",
}
)
</div>
然后AJAXify链接:
$(function() {
$('#myPager').on('click', 'a', function() {
$.ajax({
url: this.href,
type: 'GET',
cache: false,
success: function(result) {
$('#some_grid_container').html(result);
}
});
return false;
});
});
请注意,在success
我使用的回调中$('#some_grid_container')
,应该是整个表的环绕div。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句