@html.pagedlistpager post 提交,使用X.PagedList在ASP.NET Core中更改页面时如何进行Ajax?...

好吧,我找到了这个解决方案,但我不确定这是否是最好的方法:

JQuery - 为表tr标记提供一个ID,并在jQuery中的'a'标记的click事件上引用它,如下所示:

$('#replaceMyTr').on('click', 'a', function (e) {

e.preventDefault();

$("#icon").hide();

$("#progress").show();

$("#msg").hide();

$('input, button, a').disable(true);

var IdDoPerfilDoUsuario;

var este = $(this);

function getUrlVars() {

var vars = [], hash;

var hashes = este.attr("href").slice(este.attr("href").indexOf('?') + 1).split('&');

for (var i = 0; i < hashes.length; i++) {

hash = hashes[i].split('=');

vars.push(hash[0]);

vars[hash[0]] = hash[1];

}

return vars;

}

var page = getUrlVars()["page"];

if ($("select option:selected").first().val() === "--Todos--") {

IdDoPerfilDoUsuario = 0;

}

else {

IdDoPerfilDoUsuario = $("select option:selected").first().val();

}

$("#usuariosPartial").hide();

este.attr('disabled', 'disabled');

$.ajax({

url: "/Usuario/ListaUsuario",

type: 'GET',

cache: false,

data: { IdDoPerfilDoUsuario: IdDoPerfilDoUsuario, page: page },

success: function (result) {

$("#icon").show();

$("#progress").hide();

$("#msg").show();

$('input, button, a').disable(false);

$("#usuariosPartial").show();

$('#usuariosPartial').html(result);

}

});

return false;

});

查看代码:

// more code...

@*

*@

@Html.PagedListPager((IPagedList)Model.Usuarios.ToEnumerable(), page => Url.Action("ListaUsuario", new { page = page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new PagedListRenderOptions { Display = PagedListDisplayMode.IfNeeded, MaximumPageNumbersToDisplay = 5 }, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "teste" }))

//....more code

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值