TCEL/aportil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
dev_v1.1
aportil/themes/sources4.0/dhtmlxGrid/codebase/ext/dhtmlxgrid_pgn.js

462 lines
17 KiB
JavaScript
Raw Permalink Blame History

/*
Product Name: dhtmlxSuite
Version: 4.0.3
Edition: Professional
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/
/**
* @desc: enable smart paging mode
* @type: public
* @param: fl - true|false - enable|disable mode
* @param: pageSize - count of rows per page
* @param: pagesInGrp - count of visible page selectors
* @param: parentObj - ID or container which will be used for showing paging controls
* @param: showRecInfo - true|false - enable|disable showing of additional info about paging state
* @param: recInfoParentObj - ID or container which will be used for showing paging state
* @edition: Professional
* @topic: 0
*/
dhtmlXGridObject.prototype.enablePaging = function(fl,pageSize,pagesInGrp,parentObj,showRecInfo,recInfoParentObj){
this._pgn_parentObj = typeof(parentObj)=="string" ? document.getElementById(parentObj) : parentObj;
this._pgn_recInfoParentObj = typeof(recInfoParentObj)=="string" ? document.getElementById(recInfoParentObj) : recInfoParentObj;
this.pagingOn = fl;
this.showRecInfo = showRecInfo;
this.rowsBufferOutSize = parseInt(pageSize);
this.currentPage = 1;
this.pagesInGroup = parseInt(pagesInGrp);
this._init_pgn_events()
this.setPagingSkin("default");
}
/**
* @desc: allow to configure settings of dynamical paging
* @type: public
* @param: filePath - path which will be used for requesting data ( parth from load command used by default )
* @param: buffer - count of rows requrested from server by single operation, optional
* @edition: Professional
* @topic: 0
*/
dhtmlXGridObject.prototype.setXMLAutoLoading = function(filePath,bufferSize){
this.xmlFileUrl = filePath;
this._dpref = bufferSize;
}
/**
* @desc: change current page in grid
* @type: public
* @param: ind - correction ( -1,1,2 etc) to current active page
* @edition: Professional
* @topic: 0
*/
dhtmlXGridObject.prototype.changePageRelative = function(ind){
this.changePage(this.currentPage+ind);
}
/**
* @desc: change current page in grid
* @type: public
* @param: pageNum - new active page
* @edition: Professional
* @topic: 0
*/
dhtmlXGridObject.prototype.changePage = function(pageNum){
if (arguments.length==0) pageNum=this.currentPage||0;
pageNum=parseInt(pageNum);
pageNum=Math.max(1,Math.min(pageNum,Math.ceil(this.rowsBuffer.length/this.rowsBufferOutSize)));
if(!this.callEvent("onBeforePageChanged",[this.currentPage,pageNum]))
return;
this.currentPage = parseInt(pageNum);
this._reset_view();
this._fixAlterCss();
this.callEvent("onPageChanged",this.getStateOfView());
}
/**
* @desc: allows to set custom paging skin
* @param: name - skin name (default,toolbar,bricks)
* @type: public
*/
dhtmlXGridObject.prototype.setPagingSkin = function(name){
this._pgn_skin=this["_pgn_"+name];
if (name=="toolbar") this._pgn_skin_tlb=arguments[1];
}
/**
* @desc: allows to set paging templates for default skin
* @param: a - template for zone A
* @param: b - template for zone B
* @type: public
*/
dhtmlXGridObject.prototype.setPagingTemplates = function(a,b){
this._pgn_templateA=this._pgn_template_compile(a);
this._pgn_templateB=this._pgn_template_compile(b);
this._page_skin_update();
}
dhtmlXGridObject.prototype._page_skin_update = function(name){
if (!this.pagesInGroup) this.pagesInGroup=Math.ceil(Math.min(5,this.rowsBuffer.length/this.rowsBufferOutSize));
var totalPages=Math.ceil(this.rowsBuffer.length/this.rowsBufferOutSize);
if (totalPages && totalPages<this.currentPage)
return this.changePage(totalPages);
if (this.pagingOn && this._pgn_skin) this._pgn_skin.apply(this,this.getStateOfView());
}
dhtmlXGridObject.prototype._init_pgn_events = function(name){
this.attachEvent("onXLE",this._page_skin_update)
this.attachEvent("onClearAll",this._page_skin_update)
this.attachEvent("onPageChanged",this._page_skin_update)
this.attachEvent("onGridReconstructed",this._page_skin_update)
this._init_pgn_events=function(){};
}
// default paging
dhtmlXGridObject.prototype._pgn_default=function(page,start,end){
if (!this.pagingBlock){
this.pagingBlock = document.createElement("DIV");
this.pagingBlock.className = "pagingBlock";
this.recordInfoBlock = document.createElement("SPAN");
this.recordInfoBlock.className = "recordsInfoBlock";
if (!this._pgn_parentObj) return;
this._pgn_parentObj.appendChild(this.pagingBlock)
if(this._pgn_recInfoParentObj && this.showRecInfo)
this._pgn_recInfoParentObj.appendChild(this.recordInfoBlock)
//this._pgn_template="{prev:} {current:-1},{current},{current:+1} {next:>}"
if (!this._pgn_templateA){
this._pgn_templateA=this._pgn_template_compile("[prevpages:&lt;:&nbsp;] [currentpages:,&nbsp;] [nextpages:&gt;:&nbsp;]");
this._pgn_templateB=this._pgn_template_compile("Results <b>[from]-[to]</b> of <b>[total]</b>");
}
}
var details=this.getStateOfView();
this.pagingBlock.innerHTML = this._pgn_templateA.apply(this,details);
this.recordInfoBlock.innerHTML = this._pgn_templateB.apply(this,details);
this._pgn_template_active(this.pagingBlock);
this._pgn_template_active(this.recordInfoBlock);
this.callEvent("onPaging",[]);
}
dhtmlXGridObject.prototype._pgn_block=function(sep){
var start=Math.floor((this.currentPage-1)/this.pagesInGroup)*this.pagesInGroup;
var max=Math.min(Math.ceil(this.rowsBuffer.length/this.rowsBufferOutSize),start+this.pagesInGroup);
var str=[];
for (var i=start+1; i<=max; i++)
if (i==this.currentPage)
str.push("<a class='dhx_not_active'><b>"+i+"</b></a>");
else
str.push("<a onclick='this.grid.changePage("+i+"); return false;'>"+i+"</a>");
return str.join(sep);
}
dhtmlXGridObject.prototype._pgn_link=function(mode,ac,ds){
if (mode=="prevpages" || mode=="prev"){
if (this.currentPage==1) return ds;
return '<a onclick=\'this.grid.changePageRelative(-1*'+(mode=="prev"?'1':'this.grid.pagesInGroup')+'); return false;\'>'+ac+'</a>'
}
if (mode=="nextpages" || mode=="next"){
if (this.rowsBuffer.length/this.rowsBufferOutSize <= this.currentPage ) return ds;
if (this.rowsBuffer.length/(this.rowsBufferOutSize*(mode=="next"?'1':this.pagesInGroup)) <= 1 ) return ds;
return '<a onclick=\'this.grid.changePageRelative('+(mode=="next"?'1':'this.grid.pagesInGroup')+'); return false;\'>'+ac+'</a>'
}
if (mode=="current"){
var i=this.currentPage+(ac?parseInt(ac):0);
if (i<1 || Math.ceil(this.rowsBuffer.length/this.rowsBufferOutSize) < i ) return ds;
return '<a '+(i==this.currentPage?"class='dhx_active_page_link' ":"")+'onclick=\'this.grid.changePage('+i+'); return false;\'>'+i+'</a>'
}
return ac;
}
dhtmlXGridObject.prototype._pgn_template_active=function(block){
var tags=block.getElementsByTagName("A");
if (tags)
for (var i=0; i < tags.length; i++) {
tags[i].grid=this;
};
}
dhtmlXGridObject.prototype._pgn_template_compile=function(template){
/*
[prev],[next]
[currentpages]
[from],[to],[total]
*/
template=template.replace(/\[([^\]]*)\]/g,function(a,b){
b=b.split(":");
switch (b[0]){
case "from":
return '"+(arguments[1]*1+(arguments[2]*1?1:0))+"';
case "total":
return '"+arguments[3]+"';
case "to":
return '"+arguments[2]+"';
case "current":
case "prev":
case "next":
case "prevpages":
case "nextpages":
return '"+this._pgn_link(\''+b[0]+'\',\''+b[1]+'\',\''+b[2]+'\')+"'
case "currentpages":
return '"+this._pgn_block(\''+b[1]+'\')+"'
}
//do it here
})
return new Function('return "'+template+'";')
}
dhtmlXGridObject.prototype.i18n.paging={
results:"Results",
records:"Records from ",
to:" to ",
page:"Page ",
perpage:"rows per page",
first:"To first Page",
previous:"Previous Page",
found:"Found records",
next:"Next Page",
last:"To last Page",
of:" of ",
notfound:"No Records Found"
}
/**
* @desc: configure paging with toolbar mode ( must be called BEFORE enablePaging)
* @param: navButtons - enable/disable navigation buttons
* @param: navLabel - enable/disable navigation label
* @param: pageSelect - enable/disable page selector
* @param: perPageSelect - an array of "per page" select options ([5,10,15,20,25,30] by default)
* @type: public
* @edition: Professional
*/
dhtmlXGridObject.prototype.setPagingWTMode = function(navButtons,navLabel,pageSelect,perPageSelect){
this._WTDef=[navButtons,navLabel,pageSelect,perPageSelect];
}
/**
* @desc: Bricks skin for paging
*/
dhtmlXGridObject.prototype._pgn_bricks = function(page, start, end){
//set class names depending on grid skin
var tmp = (this.skin_name||"").split("_")[1];
var sfx="";
if(tmp=="light" || tmp=="modern" || tmp=="skyblue")
sfx = "_"+tmp;
this.pagerElAr = new Array();
this.pagerElAr["pagerCont"] = document.createElement("DIV");
this.pagerElAr["pagerBord"] = document.createElement("DIV");
this.pagerElAr["pagerLine"] = document.createElement("DIV");
this.pagerElAr["pagerBox"] = document.createElement("DIV");
this.pagerElAr["pagerInfo"] = document.createElement("DIV");
this.pagerElAr["pagerInfoBox"] = document.createElement("DIV");
var se = (this.globalBox||this.objBox);
this.pagerElAr["pagerCont"].style.width = se.clientWidth+"px";
this.pagerElAr["pagerCont"].style.overflow = "hidden";
this.pagerElAr["pagerCont"].style.clear = "both";
this.pagerElAr["pagerBord"].className = "dhx_pbox"+sfx;
this.pagerElAr["pagerLine"].className = "dhx_pline"+sfx;
this.pagerElAr["pagerBox"].style.clear = "both";
this.pagerElAr["pagerInfo"].className = "dhx_pager_info"+sfx;
//create structure
this.pagerElAr["pagerCont"].appendChild(this.pagerElAr["pagerBord"]);
this.pagerElAr["pagerCont"].appendChild(this.pagerElAr["pagerLine"]);
this.pagerElAr["pagerCont"].appendChild(this.pagerElAr["pagerInfo"]);
this.pagerElAr["pagerLine"].appendChild(this.pagerElAr["pagerBox"]);
this.pagerElAr["pagerInfo"].appendChild(this.pagerElAr["pagerInfoBox"]);
this._pgn_parentObj.innerHTML = "";
this._pgn_parentObj.appendChild(this.pagerElAr["pagerCont"]);
if(this.rowsBuffer.length>0){
var lineWidth = 20;
var lineWidthInc = 22;
//create left arrow if needed
if(page>this.pagesInGroup){
var pageCont = document.createElement("DIV");
var pageBox = document.createElement("DIV");
pageCont.className = "dhx_page"+sfx;
pageBox.innerHTML = "&larr;";
pageCont.appendChild(pageBox);
this.pagerElAr["pagerBox"].appendChild(pageCont);
var self = this;
pageCont.pgnum = (Math.ceil(page/this.pagesInGroup)-1)*this.pagesInGroup;
pageCont.onclick = function(){
self.changePage(this.pgnum);
}
lineWidth +=lineWidthInc;
}
//create pages
for(var i=1;i<=this.pagesInGroup;i++){
var pageCont = document.createElement("DIV");
var pageBox = document.createElement("DIV");
pageCont.className = "dhx_page"+sfx;
pageNumber = ((Math.ceil(page/this.pagesInGroup)-1)*this.pagesInGroup)+i;
if(pageNumber>Math.ceil(this.rowsBuffer.length/this.rowsBufferOutSize))
break;
pageBox.innerHTML = pageNumber;
pageCont.appendChild(pageBox);
if(page==pageNumber){
pageCont.className += " dhx_page_active"+sfx;
pageBox.className = "dhx_page_active"+sfx;
}else{
var self = this;
pageCont.pgnum = pageNumber;
pageCont.onclick = function(){
self.changePage(this.pgnum);
}
}
lineWidth +=(parseInt(lineWidthInc/3)*pageNumber.toString().length)+15;
pageBox.style.width = (parseInt(lineWidthInc/3)*pageNumber.toString().length)+8+"px";
this.pagerElAr["pagerBox"].appendChild(pageCont);
}
//create right arrow if needed
if(Math.ceil(page/this.pagesInGroup)*this.pagesInGroup<Math.ceil(this.rowsBuffer.length/this.rowsBufferOutSize)){
var pageCont = document.createElement("DIV");
var pageBox = document.createElement("DIV");
pageCont.className = "dhx_page"+sfx;
pageBox.innerHTML = "&rarr;";
pageCont.appendChild(pageBox);
this.pagerElAr["pagerBox"].appendChild(pageCont);
var self = this;
pageCont.pgnum = (Math.ceil(page/this.pagesInGroup)*this.pagesInGroup)+1;
pageCont.onclick = function(){
self.changePage(this.pgnum);
}
lineWidth +=lineWidthInc;
}
this.pagerElAr["pagerLine"].style.width = lineWidth+"px";
}
//create page info
if(this.rowsBuffer.length>0 && this.showRecInfo)
this.pagerElAr["pagerInfoBox"].innerHTML = this.i18n.paging.records+(start+1)+this.i18n.paging.to+end+this.i18n.paging.of+this.rowsBuffer.length;
else if(this.rowsBuffer.length==0){
this.pagerElAr["pagerLine"].parentNode.removeChild(this.pagerElAr["pagerLine"]);
this.pagerElAr["pagerInfoBox"].innerHTML = this.i18n.paging.notfound;
}
//add whitespaces where necessary
this.pagerElAr["pagerBox"].appendChild(document.createElement("SPAN")).innerHTML = "&nbsp;";
this.pagerElAr["pagerBord"].appendChild(document.createElement("SPAN")).innerHTML = "&nbsp;";
this.pagerElAr["pagerCont"].appendChild(document.createElement("SPAN")).innerHTML = "&nbsp;";
this.callEvent("onPaging",[]);
}
/**
* @desc: web toolbar skin for paging
*/
dhtmlXGridObject.prototype._pgn_toolbar = function(page, start, end){
if (!this.aToolBar) this.aToolBar = this._pgn_createToolBar();
var totalPages=Math.ceil(this.rowsBuffer.length/this.rowsBufferOutSize);
if (this._WTDef[0]){
this.aToolBar.enableItem("right");
this.aToolBar.enableItem("rightabs");
this.aToolBar.enableItem("left");
this.aToolBar.enableItem("leftabs");
if(this.currentPage>=totalPages){
this.aToolBar.disableItem("right");
this.aToolBar.disableItem("rightabs");
}
if(this.currentPage==1){
this.aToolBar.disableItem("left");
this.aToolBar.disableItem("leftabs");
}
}
if (this._WTDef[2]){
var that = this;
this.aToolBar.forEachListOption("pages", function(id){
that.aToolBar.removeListOption("pages", id);
});
var w = {dhx_skyblue: 4, dhx_web: 0, dhx_terrace: 14}[this.aToolBar.conf.skin];
for (var i=0; i<totalPages; i++) {
this.aToolBar.addListOption("pages", "pages_"+(i+1), NaN, "button", "<span style='padding: 0px "+w+"px 0px 0px;'>"+this.i18n.paging.page+(i+1)+"</span>", "paging_page.gif");
}
this.aToolBar.setItemText("pages", this.i18n.paging.page+page);
}
// pButton.setSelected(page.toString())
if (this._WTDef[1]){
if (!this.getRowsNum())
this.aToolBar.setItemText('results',this.i18n.paging.notfound);
else
this.aToolBar.setItemText('results',"<div style='width:100%; text-align:center'>"+this.i18n.paging.records+(start+1)+this.i18n.paging.to+end+"</div>");
}
if (this._WTDef[3])
this.aToolBar.setItemText("perpagenum", this.rowsBufferOutSize.toString()+" "+this.i18n.paging.perpage);
this.callEvent("onPaging",[]);
}
dhtmlXGridObject.prototype._pgn_createToolBar = function(){
this.aToolBar = new dhtmlXToolbarObject({
parent: this._pgn_parentObj,
skin: (this._pgn_skin_tlb||this.skin_name),
icons_path: this.imgURL
});
if (!this._WTDef) this.setPagingWTMode(true, true, true, true);
var self = this;
this.aToolBar.attachEvent("onClick", function(val){
val = val.split("_");
switch (val[0]){
case "leftabs":
self.changePage(1);
break;
case "left":
self.changePage(self.currentPage-1);
break;
case "rightabs":
self.changePage(99999);
break;
case "right":
self.changePage(self.currentPage+1);
break;
case "perpagenum":
if (val[1]===this.undefined) return;
self.rowsBufferOutSize = parseInt(val[1]);
self.changePage();
self.aToolBar.setItemText("perpagenum", val[1]+" "+self.i18n.paging.perpage);
break;
case "pages":
if (val[1]===this.undefined) return;
self.changePage(val[1]);
self.aToolBar.setItemText("pages", self.i18n.paging.page+val[1]);
break;
}
});
// add buttons
if (this._WTDef[0]) {
this.aToolBar.addButton("leftabs", NaN, null, "ar_left_abs.gif", "ar_left_abs_dis.gif");
this.aToolBar.addButton("left", NaN, null, "ar_left.gif", "ar_left_dis.gif");
}
if (this._WTDef[1]) {
this.aToolBar.addText("results", NaN, this.i18n.paging.results);
this.aToolBar.setWidth("results", "150");
this.aToolBar.disableItem("results");
}
if (this._WTDef[0]) {
this.aToolBar.addButton("right", NaN, null, "ar_right.gif", "ar_right_dis.gif");
this.aToolBar.addButton("rightabs", NaN, null, "ar_right_abs.gif", "ar_right_abs_dis.gif");
}
if (this._WTDef[2]) {
if (this.aToolBar.conf.skin == "dhx_terrace") this.aToolBar.addSeparator();
this.aToolBar.addButtonSelect("pages", NaN, "select page", [], "paging_pages.gif", null, false, true);
}
var arr;
if (arr = this._WTDef[3]) {
if (this.aToolBar.conf.skin == "dhx_terrace") this.aToolBar.addSeparator();
this.aToolBar.addButtonSelect("perpagenum", NaN, "select size", [], "paging_rows.gif", null, false, true);
if (typeof arr != "object") arr = [5,10,15,20,25,30];
var w = {dhx_skyblue: 4, dhx_web: 0, dhx_terrace: 18}[this.aToolBar.conf.skin];
for (var k=0; k<arr.length; k++) {
this.aToolBar.addListOption("perpagenum", "perpagenum_"+arr[k], NaN, "button", "<span style='padding: 0px "+w+"px 0px 0px;'>"+arr[k]+" "+this.i18n.paging.perpage+"</span>", "paging_page.gif");
}
}
//var td = document.createElement("TD"); td.width = "5"; this.aToolBar.tr.appendChild(td);
//var td = document.createElement("TD"); td.width = "100%"; this.aToolBar.tr.appendChild(td);
return this.aToolBar;
}
Reference in New Issue View Git Blame Copy Permalink