//html
<div id="pageDiv" style="background-color:#FFFFFF;padding:17px 22px 0 30px;">
<ul class="tzggul">
</ul>
<div id="pagenation" style="margin-top:9px;padding-bottom:9px;text-align:right;"></div>
</div>
//js
$(document).ready(function(){
layui.config({
dir:"layui/"
});
layui.use('layer', function(){
layer = layui.layer;
getDatas(page,size);
toPage();
});
});
function getDatas(page,size){
var index = layer.msg('数据加载中...', {
icon: 16
,shade: 0.01
});
$.ajax({
type:"GET",
url:baseAjaxUrl+"/fmNotices",//对应controller的URL
async:false,
contentType:'application/json',
data:{current:page,limit:size},
success:successFunction
});
}
function successFunction(result){//回调函数
setTimeout(function() {
// layer.closeAll();//关闭所有加载层
}, 300)
if(result.code==200){
count = result.data.total;
var records = result.data.records;
if(records.length>0){//有数据
$(".tzggul").empty();
for(var i=0;i<records.length;i++){
var li = "<li><a href='zxxq.html?type=tzgg&id="+records[i].noticeId+"' title='"+records[i].title+"' target='_blank'>"
+"<span class='over-w'>"+records[i].title+"</span>"
+"<span class='fl-r'>"+records[i].pubdate+"</span>"
+"</a></li>";
$(".tzggul").append(li);
}
}
else{//无数据
//...
}
}
}
function toPage(){
setTimeout(function(){//避免执行于ajax之前
layui.use('laypage', function(){
var laypage = layui.laypage;
laypage.render({
elem: 'pagenation',
count: count,//演示
limit: size,
layout: ['prev','page','next','count','skip'],
jump: function(data, first){
page = data.curr;
size = data.limit;
if(!first){ //点击右下角分页时调用
getDatas(page,size);
}
}
});
});
},500);
}
Layui分页
最新推荐文章于 2022-05-14 15:35:19 发布