ホームページ > 記事 > ウェブフロントエンド > jsテーブルページング実装コード_javascriptスキル

jsテーブルページング実装コード_javascriptスキル

WBOYオリジナル: 2016-05-16 18:45:561166ブラウズ

コードをコピーコードは次のとおりです:

原料库管理
<script> function Page(iAbsolute,sTableId,sTBodyId,page) { this.absolute = iAbsolute; //每页最大记录数 this.tableId = sTableId; this.tBodyId = sTBodyId; this.rowCount = 0;//记录数 this.pageCount = 0;//页数 this.pageIndex = 0;//页索引 this.__oTable__ = null;//表格引用 this.__oTBody__ = null;//要分页内容 this.__dataRows__ = 0;//记录行引用 this.__oldTBody__ = null; this.__init__(); //初始化; }; /**//* Initialization */ Page.prototype.__init__ = function(){ this.__oTable__ = document.getElementById(this.tableId);//获取table引用 this.__oTBody__ = this.__oTable__.tBodies[this.tBodyId];//获取tBody引用 this.__dataRows__ = this.__oTBody__.rows; this.rowCount = this.__dataRows__.length; try{ this.absolute = (this.absolute <= 0) || (this.absolute>this.rowCount) ? this.rowCount : this.absolute; this.pageCount = parseInt(this.rowCount%this.absolute == 0 ? this.rowCount/this.absolute : this.rowCount/this.absolute 1); }catch(exception){} this.__updateTableRows__(); }; Page.prototype.GetBar=function(obj) { var bar= document.getElementById(obj.id); bar.innerHTML= "每页" this.absolute "条/共" this.rowCount "条";// 第2页/共6页首页上一页 1 2 3 4 5 6 下一页末页 } /**//* Next page */ Page.prototype.nextPage = function(){ if(this.pageIndex 1 < this.pageCount){ this.pageIndex = 1; this.__updateTableRows__(); } }; /**//* Previous page */ Page.prototype.prePage = function(){ if(this.pageIndex >= 1){ this.pageIndex -= 1; this.__updateTableRows__(); } }; /**//* Homepage */ Page.prototype.firstPage = function(){ if(this.pageIndex != 0){ this.pageIndex = 0; this.__updateTableRows__(); } }; /**//* Last page */ Page.prototype.lastPage = function(){ if(this.pageIndex 1 != this.pageCount){ this.pageIndex = this.pageCount - 1; this.__updateTableRows__(); } }; /**//* Page positioning method */ Page.prototype.aimPage = function(){ var abc = document.getElementById("pageno"); var iPageIndex = abc.value; var iPageIndex = iPageIndex*1; if(iPageIndex > this.pageCount-1){ this.pageIndex = this.pageCount -1; }else if(iPageIndex < 0){ this.pageIndex = 0; }else{ this.pageIndex = iPageIndex-1; } this.__updateTableRows__(); }; /**//* When performing paging, update the displayed table content */ Page.prototype.__updateTableRows__ = function(){ var iCurrentRowCount = this.absolute * this.pageIndex; var iMoreRow = this.absolute iCurrentRowCount > this.rowCount ? this.absolute iCurrentRowCount - this.rowCount : 0; var tempRows = this.__cloneRows__(); var removedTBody = this.__oTable__.removeChild(this.__oTBody__); var newTBody = document.createElement("TBODY"); newTBody.setAttribute("id", this.tBodyId); for(var i=iCurrentRowCount; i < this.absolute iCurrentRowCount-iMoreRow; i ){ newTBody.appendChild(tempRows[i]); } this.__oTable__.appendChild(newTBody); this.__dataRows__ = tempRows; this.__oTBody__ = newTBody; //页脚显示分 var divFood = document.getElementById("divFood");//分页工具栏 divFood.innerHTML=""; var rightBar = document.createElement("divFood"); rightBar.setAttribute("display",""); rightBar.setAttribute("float","left"); rightBar.innerHTML="第" (this.pageIndex 1) "页/共" this.pageCount "页"; var isOK="Y"; var cssColor=""; divFood.appendChild(rightBar); ////页脚显示分页结 }; /**//* Clone the original operation row collection */ Page.prototype.__cloneRows__ = function(){ var tempRows = []; for(var i=0; i<this.__dataRows__.length; i ){ tempRows[i] = this.__dataRows__[i].cloneNode(1); } return tempRows; }; </script>

"javascript"> スクリプト>

ホームページ/次のページ/前のページ最後のページ

/page
page/

🎜>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：紹介文の表示、すべて表示、紹介文の非表示などを制御するダウンロードサイト用スクリプト_JavaScriptスキル次の記事：紹介文の表示、すべて表示、紹介文の非表示などを制御するダウンロードサイト用スクリプト_JavaScriptスキル

続きを見る

编号	名称	数量	单价	酒店名称	备注
1
2
3
4
5
6
7
8
9

jsテーブルページング実装コード_javascriptスキル

関連記事