tab.js

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

zkTabbox={};
zkTabbox.setAttr=function(_1,_2,_3){
switch(_2){
case "style":
case "style.width":
case "style.height":
var _4=getZKAttr(_1,"tabs");
if(_4){
zkau.setAttr(_1,_2,_3);
zkTabs.fixWidth(_4);
}
return true;
}
return false;
};
zkTabbox.childchg=function(_5){
var _6=getZKAttr(_5,"tabs");
if(_6){
setTimeout("zkTabs.fixWidth('"+_6+"')",0);
}
};
zkTab={};
zkTab.setAttr=function(_7,_8,_9){
switch(_8){
case "z.disabled":
zkTab._disable(_7,_9);
return true;
}
return false;
};
zkTab.onclick=function(_a){
if(!_a){
_a=window.event;
}
var _b=$parentByType(Event.element(_a),"Tab");
if(getZKAttr(_b,"disabled")=="true"){
return;
}
if(!zkTab._sliding(_b)){
zkTab.selTab(_b);
}
};
zkTab._getSelTab=function(_c){
var _d=getZKAttr(_c,"box");
if(_d){
var _e=$e(_d);
if(getZKAttr(_e,"accd")=="true"){
return zkTab._getSelTabFromTop(_e,_d);
}
}
for(var _f=_c;(_f=_f.nextSibling)!=null;){
if(getZKAttr(_f,"sel")=="true"){
return _f;
}
}
for(var _f=_c;(_f=_f.previousSibling)!=null;){
if(getZKAttr(_f,"sel")=="true"){
return _f;
}
}
};
zkTab._sliding=function(tab){
var _11=getZKAttr(tab,"box");
if(!_11){
return false;
}
var _12=$e(_11);
if(getZKAttr(_12,"accd")!="true"){
return false;
}
var _13=$e(getZKAttr(tab,"panel"));
for(var _14=_13;(_14=_14.nextSibling)!=null;){
if(getZKAttr($real(_14),"animating")){
return true;
}
}
for(var _14=_13;(_14=_14.previousSibling)!=null;){
if(getZKAttr($real(_14),"animating")){
return true;
}
}
return false;
};
zkTab._getSelTabFromTop=function(_15,_16){
if($type(_15)=="Tab"&&getZKAttr(_15,"box")==_16){
return getZKAttr(_15,"sel")=="true"?_15:null;
}
for(var _15=_15.firstChild;_15!=null;_15=_15.nextSibling){
var n=zkTab._getSelTabFromTop(_15,_16);
if(n){
return n;
}
}
return null;
};
zkTab.selTab=function(tab){
tab=$e(tab);
if(!tab){
return;
}
var old=zkTab._getSelTab(tab);
if(old!=tab){
if(old){
zkTab._setTabSel(old,false);
}
zkTab._setTabSel(tab,true);
}
};
zkTab._setTabSel=function(tab,_1b){
if((getZKAttr(tab,"sel")=="true")==_1b){
return;
}
setZKAttr(tab,"sel",_1b?"true":"false");
if(_1b){
tab.className=tab.className+"sel";
}else{
var len=tab.className.length;
if(len>3){
tab.className=tab.className.substring(0,len-3);
}
}
zkTab._changeBkgnd(tab,_1b);
var _1d=getZKAttr(tab,"box");
if(_1d){
_1d=$e(_1d);
}
var _1e=_1d&&getZKAttr(_1d,"accd")=="true";
var _1f=$e(getZKAttr(tab,"panel"));
if(_1f){
if(_1e){
if(_1b){
anima.slideDown($real(_1f));
}else{
anima.slideUp($real(_1f));
}
}else{
zk.show(_1f,_1b);
}
}
if(!_1e){
var _20=$parentByType(tab,"Tabs");
if(_20){
zkTabs.fixWidth(_20.id);
}
}
if(_1b){
zkau.send({uuid:tab.id,cmd:"onSelect",data:[tab.id]},zkau.asapTimeout(tab,"onSelect"));
}
};
zkTab._changeBkgnd=function(_21,_22){
if(_21.className&&_21.className.endsWith(_22?"-uns":"-sel")){
_21.className=zk.renType(_21.className,_22?"sel":"uns");
}
for(_21=_21.firstChild;_21;_21=_21.nextSibling){
zkTab._changeBkgnd(_21,_22);
}
};
zkTab.init=function(cmp){
zk.listen(cmp,"click",zkTab.onclick);
var anc=$e(cmp.id+"!a");
if(anc){
zk.listen(anc,"focus",zkau.onfocus);
zk.listen(anc,"blur",zkau.onblur);
}
var btn=$e(cmp.id+"!close");
if(btn){
zk.listen(btn,"click",zkTab.onCloseBtnClick);
if(getZKAttr(cmp,"disabled")!="true"){
zk.listen(btn,"mouseover",zkau.onimgover);
zk.listen(btn,"mouseout",zkau.onimgout);
}
if(!btn.style.cursor){
btn.style.cursor="default";
}
}
};
zkTab.onCloseBtnClick=function(evt){
if(!evt){
evt=window.event;
}
var tab=$parentByType(Event.element(evt),"Tab");
if(getZKAttr(tab,"disabled")=="true"){
return;
}
zkau.sendOnClose(tab,true);
Event.stop(evt);
};
zkTab._disable=function(cmp,_29){
var _2a=getZKAttr(cmp,"disabled");
if(_2a==_29){
return;
}
var btn=$e(cmp.id+"!close");
var sel=getZKAttr(cmp,"sel");
var _2d=cmp.className;
var len=_2d.length;
if(_29=="true"){
if(btn){
zk.unlisten(btn,"mouseover",zkau.onimgover);
zk.unlisten(btn,"mouseout",zkau.onimgout);
}
if(sel=="true"){
cmp.className=_2d.substring(0,len-3)+"dis"+"sel";
}else{
cmp.className=_2d+"dis";
}
}else{
if(btn){
zk.listen(btn,"mouseover",zkau.onimgover);
zk.listen(btn,"mouseout",zkau.onimgout);
}
if(sel=="true"){
cmp.className=_2d.substring(0,len-6)+"sel";
}else{
cmp.className=_2d.substring(0,len-3);
}
}
setZKAttr(cmp,"disabled",_29);
};
zkTabs={};
zkTabs._tabs=[];
zkTabs.init=function(cmp){
zkTabs._tabs.push(cmp.id);
zkTabs._fixWdLater(cmp.id);
};
zkTabs.cleanup=function(cmp){
zkTabs._tabs.remove(cmp.id);
};
zkTabs.onVisi=zkTabs.onSize=function(cmp){
zkTabs.init(cmp);
};
zk.addOnResize(function(){
var _32=zkTabs._tabs;
for(var j=_32.length;--j>=0;){
zkTabs._fixWdLater(_32[j]);
}
});
zkTabs._fixWdLater=function(_34){
setTimeout("zkTabs.fixWidth('"+_34+"')",zk.ie?150:30);
};
zkTabs.fixWidth=function(_35){
var ft=$e(_35+"!first");
var lt=$e(_35+"!last");
if(!ft||!lt){
return;
}
var _38=$e(_35);
var _39=getZKAttr(_38,"align");
var tbl=zk.parentNode(zk.parentNode(ft,"TABLE"),"TABLE");
var _3b=zk.parentNode(tbl,"TABLE");
if(_3b){
if("TD"==$tag(lt)){
switch(_39){
case "s":
lt.style.width="1px";
break;
case "e":
case "c":
ft.style.width=ft.offsetWidth+"px";
break;
}
setTimeout(function(){
switch(_39){
case "s":
var v1=_3b.offsetWidth-tbl.offsetWidth;
var v=v1+lt.offsetWidth;
if(zk.gecko&&v1==0){
var pt=zk.parentNode(lt,"TABLE");
var pd=zk.parentNode(pt,"TD");
v=pd.offsetWidth-pt.offsetWidth+lt.offsetWidth;
}
if(v<0){
v=0;
}
lt.style.width=v+"px";
break;
case "e":
var v=_3b.offsetWidth-tbl.offsetWidth+ft.offsetWidth;
if(v<0){
v=0;
}
ft.style.width=v+"px";
v2=0;
break;
case "c":
var v=_3b.offsetWidth-tbl.offsetWidth+ft.offsetWidth+lt.offsetWidth;
if(v<0){
v=0;
}
var v1,v2;
v1=Math.floor(v/2);
v2=v-v1;
ft.style.width=v1+"px";
lt.style.width=v2+"px";
break;
}
},30);
}else{
switch(_39){
case "s":
lt.style.height="1px";
break;
case "c":
case "m":
ft.style.height=ft.offsetHeight+"px";
break;
}
setTimeout(function(){
if(ft.cells&&ft.cells.length){
ft=ft.cells[0];
}
if(lt.cells&&lt.cells.length){
lt=lt.cells[0];
}
switch(_39){
case "s":
var v=_3b.offsetHeight-tbl.offsetHeight+lt.offsetHeight;
if(v<0){
v=0;
}
lt.style.height=v+"px";
break;
case "e":
var v=_3b.offsetHeight-tbl.offsetHeight+ft.offsetHeight;
if(v<0){
v=0;
}
ft.style.height=v+"px";
v2=0;
break;
case "c":
var v=_3b.offsetHeight-tbl.offsetHeight+ft.offsetHeight+lt.offsetHeight;
if(v<0){
v=0;
}
var v1,v2;
v1=Math.floor(v/2);
v2=v-v1;
ft.style.height=v1+"px";
lt.style.height=v2+"px";
break;
}
},30);
}
}
};