jqgrid 显示页码

修改源码大概1951行updatepager = function(rn, dnd) {}
加入下面代码

//分页var total = $(ts).jqGrid('getGridParam', 'records');  var   rowListNum = $(ts).jqGrid('getGridParam', 'rowNum'); var index = $(ts).getGridParam('page');if(total % rowListNum == 0){var p_total_page = parseInt(total / rowListNum);}else{var p_total_page = parseInt(total / rowListNum)+1;}if (p_total_page > 5 ) {page_icon(1, 5,0);$(ts.p.pager).find("table.custom_pager").find('td:first').addClass('active');}else{page_icon(1, p_total_page,0);}if (index != 1 && p_total_page > 5) {pageGroup(index,p_total_page);}if (p_total_page == 0) {$(ts.p.pager).find("table.custom_pager").closest('td').hide()}else{$(ts.p.pager).find("table.custom_pager").closest('td').show()            }$(ts.p.pager).find('table.custom_pager td.tdpaerborder').click( function() {var val = $(this).find('span').text();var page = val;//跳转页码数ts.p.page = val;ts.p.selrow = null;if(ts.p.multiselect) {ts.p.selarrrow =[]; setHeadCheckBox( false );}ts.p.savedRow = [];populate();return false;});

加入方法

pageGroup = function(pageNum,pageCount){//点击跳转页面switch(pageNum){case 1:page_icon(1,5,0);break;case 2:page_icon(1,5,1);break;case pageCount-1:page_icon(parseInt(pageCount)-4,parseInt(pageCount),3);break;case pageCount:page_icon(parseInt(pageCount)-4,parseInt(pageCount),4);break;default:page_icon(parseInt(pageNum)-2,parseInt(pageNum)+2,2);break;}},page_icon = function(page, count,eq) {//根据当前选中页生成页面点击按钮var tbpager = $(ts).getGridParam('page');var str='';str += '<tr>';for (var i = page; i <= count; i++) {str += "<td class='tdpaerborder ";if ((i) == tbpager) {str +='active';}str += "'><span>"+i+"</span></td>";}str += '</tr>';$(ts.p.pager).find("table.custom_pager").html(str);},

2241行修改

if(ts.p.pgbuttons===true) {var po=["first"+tp,"prev"+tp, "next"+tp,"last"+tp]; if(dir==="rtl") { po.reverse(); }pgl += "<td id='"+po[0]+"' class='ui-pg-button ui-corner-all'  title='首页'><span class='ui-icon ace-icon fa fa-angle-double-left bigger-140'></span></td>";pgl += "<td id='"+po[1]+"' class='ui-pg-button ui-corner-all'  title='上一页'><span class='ui-icon ace-icon fa fa-angle-left bigger-140'></span></td>";pgl += "<td><table cellspacing='0' cellpadding='0' border='0' style='table-layout:auto;' class='ui-pg-table custom_pager'></table></td>";pgl += "<td id='"+po[2]+"' class='ui-pg-button ui-corner-all' title='下一页'><span class='ui-icon ace-icon fa fa-angle-right bigger-140'></span></td>";pgl += "<td id='"+po[3]+"' class='ui-pg-button ui-corner-all' title='末页'><span class='ui-icon ace-icon fa fa-angle-double-right bigger-140'></span></td>";pgl += '<td dir="ltr">跳转</td>';pgl += pginp !== "" ?  pginp :"";pgl += "<td dir='"+dir+"'>"+$.jgrid.format(ts.p.pgtext || "","","<span id='sp_1_"+$.jgrid.jqID(pgid)+"'></span>")+"</td>";pgl += "<td dir='"+dir+"' style='text-align:"+ts.p.recordpos+"' class='ui-paging-info'></td>";} else if (pginp !== "") { pgl += pginp; }

效果图

jqgrid 显示页码相关推荐

html图片按页码显示,html - 在打印html文档时显示页码 - 堆栈内存溢出
几个月前,当我使用以下代码在浏览器(firefox)中打印HTML文档时,能够显示页码: body { width: 300px; counter-reset: page; } #header { b ...
phppage类封装分页功能_php显示页码分页类的封装
本文实例为大家分享了php封装显示页码的分页类,供大家参考,具体内容如下一.代码 conn.php class Mysql{ public function __construct(){ $this ...
lodop打印不显示页码_Excel|13个Excel打印技巧汇总，打印技巧大全
打印技巧是工作必备,无需理由! 很多时候大家得不到想要的打印效果,偶尔打印一两张表格,会出现各种状况:标题行不见了?打印范围错了?页眉页脚不对? 打印一个内容,总得弄出一堆草稿纸纸张来之不易,且打且珍 ...
lodop打印不显示页码_打印成了最浪费时间的事？5个EXCEL打印技巧让你不在抗拒打印...
打印是职场必会的操作,然而很多小伙伴都在EXCEL的打印上遇到大大小小的问题.今天就分享几个EXCEL打印技巧,让你的打印问题一扫而光! 打印标题在打印时通常只有第一页有标题,我们可以通过设置让多页 ...
LaTeX不显示页码_老板让我给PPT加页码，我哭了！
本技巧是学院第722个原创office技巧. 往期技巧查询请访问学院官网:www.zloffice.net 点击底部阅读原文访问 ----------------------- 我去!肯定不是手 ...
LaTeX 第一页不显示页码
LaTeX\LaTeXLATEX 第一页不显示页码有时候写 LaTeX 文档的时候,第一页是一些其他的东西,第二页或者什么的才是正文,如果你想取消第一页的页码,可以使用下面的代码: 代码 \doc ...
让dedecms栏目页标题显示页码数
让DedeCMS的栏目页标题显示页码数,在列表页的标题上中上页数使列表页的标题不重复这样更利于优化. 标签为:{dede:pagelist listsize='0' listitem='pageno' ...
如何在使用Latex包pdfpages合并后的pdf文件中显示页码
现象使用Latex包pdfpages合并后的pdf文件中没有页码. 原因 \includepdf和\includepdfmerge命令会默认插入"\thispagestyle{empty} ...
WORD中如何设置前几页不显示页码，同时更改总页数
word文档在同一文件中插入页码时,总是从第一页到末页顺序编码,但我这一文件从第1-4页为"提纲"或者"前言",不需编页码,从第5页开始才是正文,那么怎样才能使 ...

jqgrid 显示页码

jqgrid 显示页码相关推荐

最新文章

热门文章