MVC生成页码选择器返回超文本标记语言代码详解

我主要讲此代码用于手动音量调节的分布页。

先看最终效果最终效果：

样式为bootstrap3中的分页"分页",如果不使用引导程序单独提出来并不大

页码生成代码为：

公共字符串GetPaginationHtml(PaginationViewModel p){ var Page num=p . Page；//当前页码（页码从一开始)var PageCount=p . PageCount//总页数var ItemCount=p . ItemCount//总条数var showPageNum=6；//显示数字的页面数量var html=new StringBuilder()；html .追加（字符串。格式(' ul class=' paging ' id=' { 0 } ' Data-Data=' { 1 } '，p.ULID，p . Data))；//ULID和数据是方便在前台增加事件用的if(页数1){ var起始页=1；if(showPageNum页数){起始页=1；} else { if(PageNum-(showPageNum/2)=0){起始页=1；} else if(PageNum(showPageNum/2)=页数){起始页=页数-showPageNum；} else {起始页=页码-(显示页码/2)；} } startPage=(startPage==0？1 :起始页)；//第一个开始显示数字的页码//上一页按钮html .追加（字符串。格式(“Li”类=“{ 0 }”a href=“#”类=“js-page select”数据-page=“{ 1 }”span上一页/span/a/li '，PageNum=1？禁用： ' '，页码-1))；if (startPage 1)//生成第一页按钮和中间省略号{ html .追加(' lia class=' js-page select ' ' href=' # ' data-page=' 1 ' 1/a/Li ')；if (startPage 2) { html .追加(' lispan./span/Li '；} } for(int I=起始页；I=(起始页showPageNum)；i )//生成页码{ if(I页数){ break} html .追加（字符串。格式(' Li class=' { 0 } ' a class=' js-page select ' ' href=' # ' data-page=' { 1 } ' { 2 }/a/Li '，i==PageNum？主动' : ' '，I，I))；} //生成最后一页按钮和中间省略号int maxshow page=起始页显示页码；if(maxshow page=页数-1){ if(maxshow page=页数-2){ html .追加(' lispan./span/Li '；} html .追加（字符串。格式(' lia class=' js-page select ' ' href=' # ' data-page=' { 0 } ' { 1 }/a/Li '，PageCount，page count))；} //显示下一页按钮html .追加（字符串。格式(“Li”类=“{ 0 }”a href=“#”类=“js-page select”数据-page=“{ 1 }”span下一页/span/a/li '，PageNum=PageCount？已禁用' : ' ',页码1));//显示页码信息html .追加（字符串。格式(' lispan第{0}页共{1}页{2}条内容/span/li '，PageNum，PageCount，item count)；} else { //内容不足一页时显示的内容html .追加（字符串。格式(' lispan共一页{0}条内容/span/li '，项目计数)；}返回html .ToString()；}用的时候直接放到手动音量调节控制器中操作结果返回内容(html)。

页面中可以直接

@Html .操作('),新{page=1，pageSize=20，})也可以

$.Ajax({ URL : '/Function/file archiveselectshowendingjitablemessage '，type: 'post '，dataType: 'html '，data: { page: page，pageSize: pagesize，},}).完成(函数（数据){ $('#ShouWenPageSelect ').html(数据);InitPageSelectEvent()；});以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。