grid.js

ZK 基础介绍 功能操作 模块 结合数据库操作

zk.load("zul.zul");
zk.Grid=Class.create();
zk.Grid.prototype={initialize:function(_1){
this.id=_1.id;
zkau.setMeta(_1,this);
this.qcells=[];
this.init();
},init:function(_2){
this.element=$e(this.id);
if(!this.element){
return;
}
this.body=$e(this.id+"!body");
if(this.body){
this.bodytbl=zk.firstChild(this.body,"TABLE",true);
if(this.bodytbl.tBodies&&this.bodytbl.tBodies[0]){
this.bodyrows=this.bodytbl.tBodies[0].rows;
}
this.head=$e(this.id+"!head");
if(this.head){
this.headtbl=zk.firstChild(this.head,"TABLE",true);
}
this.foot=$e(this.id+"!foot");
if(this.foot){
this.foottbl=zk.firstChild(this.foot,"TABLE",true);
}
}else{
this.paging=true;
this.body=$e(this.id+"!paging");
this.bodytbl=zk.firstChild(this.body,"TABLE",true);
var bs=this.bodytbl.tBodies;
for(var j=0;j<bs.length;++j){
if(bs[j].id){
this.bodyrows=bs[j].rows;
break;
}
}
}
if(!zk.isRealVisible(this.element)){
return;
}
var _5=this;
if(!this.paging&&!this._inited){
this._inited=true;
this.fnResize=function(){
_5.recalcSize(true);
};
zk.addOnResize(this.fnResize);
}
if(!this.paging){
if(this.headtbl&&this.headtbl.rows.length){
var _6=true;
l_out:
for(var j=this.headtbl.rows.length;j;){
var _7=this.headtbl.rows[--j];
for(var k=_7.cells.length;k;){
var n=$e(_7.cells[--k].id+"!cave");
for(n=n?n.firstChild:n;n;n=n.nextSibling){
if(!n.id||!n.id.endsWith("!hint")){
_6=false;
break l_out;
}
}
}
}
if(_6){
this.head.style.height="0px";
}
}
this.body.onscroll=function(){
if(_5.head){
_5.head.scrollLeft=_5.body.scrollLeft;
}
if(_5.foot){
_5.foot.scrollLeft=_5.body.scrollLeft;
}
_5._render(zk.gecko?200:60);
};
}
if(_2&&this.qcells.length&&this.headtbl&&this.headtbl.rows.length&&this.bodytbl&&this.bodytbl.rows.length>1){
zk.cpCellArrayWidth(this.headtbl.rows[0],this.qcells);
}else{
setTimeout("zkGrid._calcSize('"+this.id+"')",150);
this.stripe();
}
this.qcells.length=0;
this._render(155);
},putCellQue:function(_a){
this.qcells.push(_a);
},setHgh:function(_b){
if(_b&&_b!="auto"&&_b.indexOf("%")<0){
this.body.style.height=_b;
this.element.style.height="";
this.element.setAttribute("zk_hgh",_b);
if(this.body.offsetHeight){
}
}else{
this.body.style.height="";
this.element.style.height=_b;
this.element.removeAttribute("zk_hgh");
}
},updSize:function(){
var _c=this.element.style.height;
if(!_c){
_c=this.element.getAttribute("zk_hgh");
if(!_c){
_c="";
}
}
this.setHgh(_c);
if(!this.paging){
var wd=this.element.style.width;
if(!wd||wd=="auto"||wd.indexOf("%")>=0){
wd=zk.revisedSize(this.element,this.element.offsetWidth)-(wd=="100%"?2:0);
if(wd<0){
wd=0;
}
if(wd){
wd+="px";
}
}
if(wd){
this.body.style.width=wd;
if(this.head){
this.head.style.width=wd;
}
if(this.foot){
this.foot.style.width=wd;
}
}
}
},cleanup:function(){
if(this.fnResize){
zk.rmOnResize(this.fnResize);
}
this.element=this.body=this.bodytbl=this.bodyrows=this.head=this.headtbl=this.foot=this.foottbl=this.qcells=null;
},stripe:function(){
var _e=getZKAttr(this.element,"scOddRow");
if(!_e||!this.bodyrows){
return;
}
for(var j=0,_10=true;j<this.bodyrows.length;++j){
var row=this.bodyrows[j];
if($visible(row)){
zk.addClass(row,_e,!_10);
_10=!_10;
}
}
},_calcSize:function(){
this.updSize();
if(this.paging){
if(this.bodytbl&&this.bodytbl.rows.length){
var _12;
for(var j=0;j<this.bodytbl.rows.length;j++){
if($type(this.bodytbl.rows[j])=="Cols"){
_12=this.bodytbl.rows[j];
break;
}
}
if(_12){
for(var j=0;j<_12.cells.length;j++){
var d=_12.cells[j];
var _15=$e(_12.cells[j].id+"!cave");
if(_15){
var wd=d.style.width;
if(!wd||wd=="auto"||wd.indexOf("%")>-1){
d.style.width=zk.revisedSize(d,d.offsetWidth)+"px";
}
var w=$int(d.style.width);
_15.style.width=zk.revisedSize(_15,w)+"px";
}
}
}
}
return;
}
var _18=this.body.clientWidth;
if(zk.ie){
if(_18&&this.body.offsetWidth-_18>11){
if(--_18<0){
_18=0;
}
this.bodytbl.style.width=_18+"px";
}else{
this.bodytbl.style.width="";
}
}
if(this.headtbl){
if(_18){
this.head.style.width=_18+"px";
}
if(this.headtbl.rows.length){
var _12;
var j=0;
for(;j<this.headtbl.rows.length;j++){
if($type(this.headtbl.rows[j])=="Cols"){
_12=this.headtbl.rows[j];
break;
}
}
zk.cpCellWidth(_12,this.bodyrows,this);
var _19=$e(_12.id+"!fake");
if(!_19||_19.cells.length!=_12.cells.length){
if(_19){
_19.parentNode.removeChild(_19);
}
var src=document.createElement("TR");
src.id=_12.id+"!fake";
src.style.height="0px";
for(var j=_12.cells.length;--j>=0;){
src.appendChild(document.createElement("TD"));
}
this.headtbl.rows[0].parentNode.insertBefore(src,this.headtbl.rows[0]);
}
var row=this.headtbl.rows[0];
var _1c=row.cells;
for(var k=0,z=0;k<_1c.length;k++){
var s=_1c[k],d=_12.cells[k];
var wd=d.style.width;
if(!wd||wd=="auto"||wd.indexOf("%")>-1){
d.style.width=zk.revisedSize(d,d.offsetWidth)+"px";
}
wd=d.style.width;
if(zk.isVisible(d)){
s.style.width=$int(wd)+zk.sumStyles(d,"lr",zk.borders)+zk.sumStyles(d,"lr",zk.paddings)+"px";
}else{
s.style.display="none";
}
}
}
if(this.foottbl&&this.foottbl.rows.length){
zk.cpCellWidth(_12,this.foottbl.rows,this);
}
}else{
if(this.foottbl){
if(_18){
this.foot.style.width=_18+"px";
}
if(this.foottbl.rows.length){
zk.cpCellWidth(this.foottbl.rows[0],this.bodyrows,this);
}
}
}
},recalcSize:function(_20){
if(!zk.isRealVisible(this.element)){
return;
}
setTimeout("zkGrid._calcSize('"+this.id+"')",20);
},resizeCol:function(cmp,_22,col,wd,_25){
if(this.bodyrows){
zulHdr.resizeAll(this,cmp,_22,col,wd,_25);
}
},setAttr:function(nm,val){
switch(nm){
case "z.innerWidth":
if(this.headtbl){
this.headtbl.style.width=val;
}
if(this.bodytbl){
this.headtbl.style.width=val;
}
if(this.foottbl){
this.headtbl.style.width=val;
}
return true;
case "style.height":
this.setHgh(val);
if(!this.paging){
this.init();
}
return true;
case "style":
case "style.width":
zkau.setAttr(this.element,nm,val);
if(!this.paging){
this.init();
}
return true;
case "z.scOddRow":
zkau.setAttr(this.element,nm,val);
this.stripe();
return true;
case "z.render":
this._render(0);
return true;
case "scrollTop":
if(!this.paging&&this.body){
this.body.scrollTop=val;
return true;
}
break;
case "scrollLeft":
if(!this.paging&&this.body){
this.body.scrollLeft=val;
return true;
}
}
return false;
},_render:function(_28){
setTimeout("zkGrid._renderNow('"+this.id+"')",_28);
},_renderNow:function(){
var _29=this.bodyrows;
if(!_29||!_29.length||getZKAttr(this.element,"model")!="true"){
return;
}
var _2a="";
var min=this.body.scrollTop,max=min+this.body.offsetHeight;
for(var j=0;j<_29.length;++j){
var r=_29[j];
if($visible(r)){
var top=zk.offsetTop(r);
if(top+zk.offsetHeight(r)<min){
continue;
}
if(top>max){
break;
}
if(getZKAttr(r,"loaded")!="true"){
_2a+=","+r.id;
}
}
}
if(_2a){
_2a=_2a.substring(1);
zkau.send({uuid:this.id,cmd:"onRender",data:[_2a]},0);
}
}};
zkGrid={};
zkGrid._init=function(_30){
var _31=zkau.getMeta(_30);
if(_31){
_31._init();
}
};
zkGrid._calcSize=function(_32){
var _33=zkau.getMeta(_32);
if(_33){
_33._calcSize();
}
};
zkGrid.init=function(cmp){
var _35=zkau.getMeta(cmp);
if(_35){
_35.init();
}else{
new zk.Grid(cmp);
}
};
zkGrid.onVisi=zkGrid.onSize=function(cmp){
var _37=zkau.getMeta(cmp);
if(_37){
_37.init();
}
};
zkGrid.stripe=function(_38){
var _39=zkau.getMeta(_38);
if(_39){
_39.stripe();
}
};
zkGrid.setAttr=function(_3a,nm,val){
var _3d=zkau.getMeta(_3a);
return _3d&&_3d.setAttr(nm,val);
};
zkGrid._renderNow=function(_3e){
var _3f=zkau.getMeta(_3e);
if(_3f){
_3f._renderNow();
}
};
zkGrw={};
zkGrw.init=function(cmp){
zkGrw.stripe(cmp);
};
zkGrw.cleanup=function(cmp){
zkGrw.stripe(cmp,true);
};
zkGrw.stripe=function(cmp,_43){
var _44=$parentByType(cmp,"Grid");
var _45=zkau.getMeta(_44);
if(_45){
if(!_45.fixedStripe){
_45.fixedStripe=function(){
_45.stripe();
};
}
if(_43){
zk.addCleanupLater(_45.fixedStripe,false,true);
}else{
zk.addInitLater(_45.fixedStripe,false,true);
}
}
};
zkGcl={};
zkGcl.init=function(cmp){
var _47=$parentByType(cmp,"Grid");
var _48=zkau.getMeta(_47);
if(_48){
_48.putCellQue(cmp);
if(!_48.fixedSize){
_48.fixedSize=function(){
_48.init(true);
};
}
zk.addInitLater(_48.fixedSize,false,true);
}
};
zk.addModuleInit(function(){
zkCol={};
Object.extend(zkCol,zulHdr);
zkCol.resize=function(_49,_4a,wd1,_4c){
var _4d=$parentByType(_49,"Grid");
if(_4d){
var _4e=zkau.getMeta(_4d);
if(_4e){
_4e.resizeCol($parentByType(_49,"Cols"),_4a,_49,wd1,_4c);
}
}
};
zkCols=zulHdrs;
});