amazeui分页

时间:2023-03-09 12:45:30
amazeui分页

<link rel="stylesheet" href="../../static/css/manage/amazeui.min.css" />

<script src="../../static/js/manage/jquery-2.1.4.js"></script>

<script src="../../static/js/manage/amazeui.min.js"></script>

<script type="text/javascript" src="../../static/js/manage/amazeui.page.js"></script>

<div class="row">
<div id="page"></div>
</div>

function loadImg(curpage, isfirst) {
g_first = isfirst;
$.ajax({
type: "post",
url: "/mpapi/get_videos",
data: {
"page": curpage,
"count": item_count
},
dataType: "json",
success: function(ret) {
var htm = "";
if(ret["result"] == 1) {
// $.AMUI.progress.set(0.4);
video_info = ret.video
console.log(video_info)
$.each(ret["video"], function(i, v) {
var t = timestp2DateStr(v.ctime);
var statu;
var color;
console.log(v.status);
if(v.status){

statu = "已上架"
bstatus = "下架"
color = "dColor"
}else{
statu = "未上架"
bstatus = "上架"
color = "pColor"
}
htm += `<tr tind=${index++}>
<td class="am-text-middle">
<img src="${v.main_img}" class="video_url">
</td>
<td class="am-text-middle video_name">${v.name}</td>
<td class="am-text-middle video_desc">${v.desc}</td>
<td class="am-text-middle video_desc">${t}</td>

<td class="am-text-middle video_link">${v.url}</td>
<td class="am-text-middle ${color}">
${statu}
</td>

<td class="am-text-middle">
<div class="tpl-table-black-operation">
<a href="javascript:;" onclick="pub_article(\'${v.video_id}\',\'${statu}\')">
<i class="am-icon-pencil"></i>
${bstatus}
</a>
<a href="javascript:;" onclick="edit_btn_event(\'${i}\')">
<i class="am-icon-pencil"></i> 编辑
</a>
<a href="javascript:;" class="tpl-table-black-operation-del" onclick="btn_delete(\'${i}\')">
<i class="am-icon-trash"></i> 删除
</a>
</div>
</td>
</tr>`;
})
$("#video_table").html(htm);
var page_count = parseInt(ret.count / item_count) + (ret.count % item_count == 0 ? 0 : 1);
if(g_first){page_plugin(page_count);}
} else if(ret["result"] == -301){
window.location.href = "/manage/login"
return
}else{console.log("无数据");
$("#video_table").html(htm);}
},
error: function(err) {

console.log(err);
}
})

}

var page_plugin = function(page_count) {
$("#page").page({
pages: page_count,
curr:curpage,
groups: 5,
first: "首页",
last: "尾页",
prev: false,
next: false,
jump: function(context, first) {
if(!first) {
curpage = context.option.curr;
loadImg(curpage,false);
}
}
})
}