MVC ajax前台分页终于成功记录一下

最新推荐文章于 2022-01-11 20:56:59 发布

sadleaflzh

最新推荐文章于 2022-01-11 20:56:59 发布

阅读量951

点赞数

本文链接：https://blog.csdn.net/sadleaflzh/article/details/82527830

版权

学.net MVC jquery easyui ajax 前台分页终于解决，后台返回JSON字符串,找不少资料都是前台模拟数据，加上对javascript不熟，折腾了几天！

@{
Layout = null;
}

<!DOCTYPE html>

$(function () {
document.getElementById('wintest').style.display = 'none';
$("#idkc").textbox({
editable: false,
readonly: true
}
);
$('#dgtest').datagrid({ loadFilter: pagerFilter }).datagrid('loadData', getData());


function getData() {
var rows;
$.ajax({
url: 'Home/js',
async: false,
datatype: 'JSON',
pagination: true,
success: function (data) {
rows = eval("(" + data + ")");

}

});
return rows;

}
function pagerFilter(data){
if (typeof data.length == 'number' && typeof data.splice == 'function'){ // 判断数据是否是数组
data = {
total: data.length,
rows: data
}
}
var dg = $(this);
var opts = dg.datagrid('options');
var pager = dg.datagrid('getPager');
pager.pagination({
onSelectPage:function(pageNum, pageSize){
opts.pageNumber = pageNum;
opts.pageSize = pageSize;
pager.pagination('refresh',{
pageNumber:pageNum,
pageSize:pageSize
});
dg.datagrid('loadData',data);
}
});
if (!data.originalRows){
data.originalRows = (data.rows);
}
var start = (opts.pageNumber-1)*parseInt(opts.pageSize);
var end = start + parseInt(opts.pageSize);
data.rows = (data.originalRows.slice(start, end));
return data;
}

});

</script>
</head>