mui.js ajax分页,MUI 分页功能 - 冬天的阳光_LG的个人空间 - OSCHINA - 中文开源技术交流社区...

这篇博客探讨了HTML分页的实现,展示了如何利用JavaScript处理分页链接的点击事件,包括向前、向后翻页及当前页切换的功能。同时,文章提到了后台处理分页的相关代码,涉及到页面数量计算和限制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html 分页代码 5页超出....

@{

if (tmpCurrentPageIndex - 5 > 1)

{

...

}

for (int i = tmpCurrentPageIndex - 5; i < tmpCurrentPageIndex + 5; i++)

{

if (i >= 1 && i <= tmpPageSize)

{

@i

}

}

if (tmpCurrentPageIndex + 5 <= tmpPageSize)

{

...

}

}

js

(function ($) {

$('.mui-pagination').on('tap', 'a', function () {

var li = this.parentNode;

var classList = li.classList;

if (!classList.contains('mui-active') && !classList.contains('mui-disabled')) {

var active = li.parentNode.querySelector('.mui-active');

if (classList.contains('mui-previous')) {//previous

if (active) {

var previous = active.previousElementSibling;

console.log('previous', previous);

if (previous && !previous.classList.contains('mui-previous')) {

$.trigger(previous.querySelector('a'), 'tap');

} else {

classList.add('mui-disabled');

}

}

} else if (classList.contains('mui-next')) {//next

if (active) {

var next = active.nextElementSibling;

if (next && !next.classList.contains('mui-next')) {

$.trigger(next.querySelector('a'), 'tap');

} else {

classList.add('mui-disabled');

}

}

} else {//page

active.classList.remove('mui-active');

classList.add('mui-active');

var page = parseInt(this.innerText);

var previousPageElement = li.parentNode.querySelector('.mui-previous');

var nextPageElement = li.parentNode.querySelector('.mui-next');

previousPageElement.classList.remove('mui-disabled');

nextPageElement.classList.remove('mui-disabled');

if (page <= 1) {

previousPageElement.classList.add('mui-disabled');

} else if (page >= 5) {

nextPageElement.classList.add('mui-disabled');

}

}

}

document.location.href = this.href;

});

})(mui);

后台:

List tmpTop = ViewBag.ContentKQTop;

List tmpAll = ViewBag.ContentKQAll;

int tmpCurrentPageIndex = ViewBag.CurrentPageIndex != 0 ? ViewBag.CurrentPageIndex : 1;

int tmpTotalRowCount = ViewBag.TotalRowCount;

int tmpSizeOfPage = ViewBag.SizeOfPage;

int tmpPageSize = 0;

if (tmpSizeOfPage != 0)

{

if (tmpTotalRowCount % tmpSizeOfPage == 0)

{

tmpPageSize = tmpTotalRowCount / tmpSizeOfPage;

}

else

{

tmpPageSize = (tmpTotalRowCount / tmpSizeOfPage) + 1;

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值