zptabs.js

ajax实现的datagrid

this.onActivate=function(e){self.fireEvent('activateTab');if(self.blur){self.blur();}
var doNavigate=false;if(self.config.changeUrl){if(Zapatec.is_khtml){doNavigate=true;}
else{window.location.hash=self.linkHash;}}
Zapatec.Utils.stopEvent(e);return doNavigate;};if(this.config.mouseOverChangesTab){this.linkNode.onmouseover=this.onActivate;}
else{this.linkNode.onclick=this.onActivate;}
this.linkNode.tabIndex=Zapatec.Tab.tabIndex;if(!this.tab2tab){Zapatec.Tab.tabIndex+=2;}
this.linkNode.onfocus=this.onActivate;this.linkNode.onkeydown=function(ev){ev||(ev=window.event);switch(ev.keyCode){case 13:case 32:if(self.focusOn&&self.focusOn.focus){self.focusOn.focus();}
return false;}
return true;}
if(this.container.getContainer().hasChildNodes()){this.getFocusOn();}}
Zapatec.Tab.prototype.setLinkHash=function(linkHash){this.linkHash=linkHash;this.linkNode.setAttribute('href','#'+linkHash);}
Zapatec.Tab.prototype.configure=function(objArgs){this.defineConfigOption('id',null);this.defineConfigOption('index',-1);this.defineConfigOption('linkInnerHTML','');this.defineConfigOption('accessKey','');this.defineConfigOption('content',null);this.defineConfigOption('contentType',null);this.defineConfigOption('url','');this.defineConfigOption('tabType',"div");this.defineConfigOption('tab2tab',false);this.defineConfigOption('tabParent',null);this.defineConfigOption('title',null);this.defineConfigOption('closable',false);this.defineConfigOption('closeAction','close');this.defineConfigOption('changeUrl',true);this.defineConfigOption('overflow',null);this.defineConfigOption('mouseOverChangesTab',false);this.defineConfigOption('refreshOnTabChange',false);this.defineConfigOption('shouldLoadOnInit',false);this.defineConfigOption('tabsId',null);this.defineConfigOption('visible',true);this.defineConfigOption('className',null);this.defineConfigOption('langId',Zapatec.Tabs.id);this.defineConfigOption('lang',"eng");Zapatec.Tab.SUPERclass.configure.call(this,objArgs);if(typeof(this.config.tabParent)=="undefined"){this.initLang();Zapatec.Log({description:this.getMessage("unknownTabParentError")})
return false;}
if(this.config.tab2tab&&false!=this.config.tab2tab){this.config.tab2tab=true;}
if(typeof this.config.tabType=="string"){this.config.tabType=this.config.tabType.toLowerCase();}
if(this.config.tabType!="div"&&this.config.tabType!="iframe")
{this.config.tabType="div";}
if(this.config.index<0){this.config.index=-1;}};Zapatec.Tab.tabIndex=1000;Zapatec.Tab.prototype.getFocusOn=function(){this.focusOn=null;if(this.tab2tab){return;}
var self=this;setTimeout(function(){var iTabIndex=0;function parse(objNode){var objChild=objNode.firstChild;while(objChild){if(objChild.nodeType==1){var strTag=objChild.tagName.toLowerCase();if(strTag=='a'||strTag=='input'||strTag=='select'||strTag=='textarea'||strTag=='button'){if(!self.focusOn){self.focusOn=objChild;}
else if(objChild.tabIndex&&objChild.tabIndex>0&&(!iTabIndex||iTabIndex>objChild.tabIndex)){self.focusOn=objChild;iTabIndex=objChild.tabIndex;}
if(!objChild.tabIndex){objChild.tabIndex=self.linkNode.tabIndex+1;}}
parse(objChild);}
objChild=objChild.nextSibling;}};parse(self.container);},0);};Zapatec.Tab.prototype.setInnerHtml=function(strHtml){Zapatec.Transport.setInnerHtml({html:strHtml,container:this.container.getContainer()});this.getFocusOn();}
Zapatec.Tab.prototype.setPaneContent=function(content,type){var self=this;var paneContent=null;var paneContentType=null;if(content){paneContent=content;paneContentType=type;}
else if(this.config.url&&0<this.config.url.length){paneContent=this.config.url;paneContentType='html/url';}
else{paneContent=this.config.content;paneContentType=this.config.contentType;}
if(paneContent){this.config.content=content;this.config.contentType=type;if(paneContentType=="html/url"){this.config.url=paneContent;this.lastUrlSet=paneContent;}
this.container.setPaneContent(paneContent,paneContentType);}}
Zapatec.Tab.prototype.setVisible=function(isVisible){this.config.visible=isVisible;if(isVisible){this.linkNode.style.display='block';}
else{this.linkNode.style.display='none';}}
Zapatec.Tab.CloseTab=function(tabsId,id){var objTabs=Zapatec.Widget.getWidgetById(tabsId);var objTab=objTabs.getTab(id);if(objTab.config.closeAction=='close'){objTabs.removeTab(id);}
else if(objTab.config.closeAction=='hide'){var isRemovingCurrent=objTab.index==objTabs.currentIndex;if(isRemovingCurrent){var previousTab=objTabs.getPreviousTab(true,objTabs.currentIndex);if(previousTab){objTabs.changeTab(previousTab.id);}
else{var nextTab=objTabs.getNextTab(true,objTabs.currentIndex);if(nextTab){objTabs.changeTab(nextTab.id);}}}
objTab.setVisible(false);}
objTabs.fireEvent('tabOnClose',id);}
Zapatec.Tabs=function(objArgs){if(arguments.length==0){objArgs={};}
Zapatec.Tabs.SUPERconstructor.call(this,objArgs);};Zapatec.Tabs.id='Zapatec.Tabs';Zapatec.inherit(Zapatec.Tabs,Zapatec.Widget);Zapatec.Tabs.prototype.init=function(objArgs){Zapatec.Tabs.SUPERclass.init.call(this,objArgs);this.createTabs();this.initTabBar();};Zapatec.Tabs.prototype.createTabs=function(){this.createProperty(this,'tabs',{});this.createProperty(this,'tabsArray',[]);if(null==this.tabsThemeSuffix){this.tabsThemeSuffix='Content';}
Zapatec.Utils.addClass(this.config.tabs,this.getClassName({prefix:'zpTabs',suffix:this.tabsThemeSuffix}));this.loadData();this.currentIndex=-1;if(typeof this.config.onInit=='function'){this.config.onInit();}
if(this.tabsArray.length){var strId=this.getInitialActiveTabId();if(-1!=strId){this.changeTab(strId);}}
if(this.config.windowOnLoad!=null)
{this.config.windowOnLoad();}
if(true!=this.noTabBar){this.addEventListener('loadThemeEnd',function(){this.config.tabBar.style.display='block';});}}
Zapatec.Tabs.prototype.configure=function(objArgs){this.defineConfigOption('tabBar',null);this.defineConfigOption('tabs',null);this.defineConfigOption('onInit',null);this.defineConfigOption('onTabChange',null);this.defineConfigOption('onBeforeTabChange',null);this.defineConfigOption('ignoreUrl',false);this.defineConfigOption('changeUrl',true);this.defineConfigOption('tab2tab',false);this.defineConfigOption('scrollMultiple',null);this.defineConfigOption('iframeContent',null);this.defineConfigOption('tabType','div');this.defineConfigOption('windowOnLoad',null);this.defineConfigOption('scrolls',false);this.defineConfigOption('noMoreTabsLeft',false);this.defineConfigOption('lastIndexLeft',0);this.defineConfigOption('noMoreTabsRight',true);this.defineConfigOption('lastIndexRight',null);this.defineConfigOption('showEffect',null);this.defineConfigOption('showEffectSpeed',null);this.defineConfigOption('mouseOverChangesTab',false);this.defineConfigOption('refreshOnTabChange',false);this.defineConfigOption('overflow',null);this.defineConfigOption('shouldLoadOnInit',false);this.defineConfigOption('closable',false);this.defineConfigOption('closeAction','close');this.defineConfigOption('activeTabId',null);this.defineConfigOption('langId',Zapatec.Tabs.id);this.defineConfigOption('lang',"eng");if(this.config.scroll==null)
{this.config.scrollMultiple=false;}
else if(this.config.scrollMultiple!=true&&this.config.scrollMultiple!=false)
{this.config.scrollMultiple=false;}
Zapatec.Tabs.SUPERclass.configure.call(this,objArgs);if(true!=this.noTabBar){this.config.tabBar=Zapatec.Widget.getElementById(this.config.tabBar);if(!this.config.tabBar){this.initLang();Zapatec.Log({description:this.getMessage("unknownTabBarError")});return;}}
if("string"==typeof this.config.tabs){this.config.tabs=Zapatec.Widget.getElementById(this.config.tabs);}
if(!this.config.tabs){this.initLang();Zapatec.Log({description:this.getMessage("unknownTabsError")});return;}
if(typeof this.config.tabType=="string"){this.config.tabType=this.config.tabType.toLowerCase();}
if(this.config.tabType!="div"&&objArgs.tabType!="iframe")
{this.config.tabType="div";}
if(true==this.config.iframeContent){this.config.tabType="iframe";}};Zapatec.Tabs.prototype.initTabBar=function(){if(true==this.noTabBar){return;}
Zapatec.Utils.addClass(this.config.tabBar,this.getClassName({prefix:'zpTabs'}));var _tabBarContentWidth=0;var items=this.config.tabBar.childNodes;var tmp='';for(var i=0;i<items.length;i++){if(items[i].nodeType!=1){continue;}
tmp=items[i].style.position;items[i].style.position='absolute';items[i].originalDisplayType=items[i].style.display!=''?items[i].style.display:'block';_tabBarContentWidth+=items[i].offsetWidth;items[i].realWidth=items[i].offsetWidth;items[i].style.display='none';items[i].style.position=tmp;items[i].arrayPosition=i;}
for(var i=0;i<items.length;i++)
{if(items[i].nodeType!=1){continue;}
items[i].style.display=items[i].originalDisplayType;}
var _tabBarWidth=this.config.tabBar.offsetWidth;if(_tabBarContentWidth>_tabBarWidth)
{this.config.scrolls=true;var tmp=0;var i=0;while(tmp<_tabBarWidth)tmp+=items[i++].realWidth;i--;for(i;i<items.length;i++)
{items[i].style.display='none';}
var _leftScrolly=Zapatec.Utils.createElement('div');_leftScrolly.innerHTML='&lt;';var _rightScrolly=Zapatec.Utils.createElement('div');_rightScrolly.innerHTML='&gt;';var self=this;_rightScrolly.onclick=(this.config.scrollMultiple)?function(){self.scrollTabsLeft(true)}:function(){self.scrollOneTabLeft(true)};_leftScrolly.onclick=(this.config.scrollMultiple)?function(){self.scrollTabsRight(true)}:function(){self.scrollOneTabRight(true)};var mouseoverFunc=function()
{this.style.color='black';}
_leftScrolly.onmouseover=mouseoverFunc;_rightScrolly.onmouseover=mouseoverFunc;var mouseoutFunc=function()
{this.style.color='#aaa';}
_leftScrolly.onmouseout=mouseoutFunc;_rightScrolly.onmouseout=mouseoutFunc;var _scrollyContainer=Zapatec.Utils.createElement('div');_scrollyContainer.className='zpTabsScrolly';_scrollyContainer.appendChild(_leftScrolly);_scrollyContainer.appendChild(_rightScrolly);if(this.config.scrollMultiple)
{this.config.tabBar.parentNode.insertBefore(_scrollyContainer,this.config.tabBar.nextSibling);}}}
Zapatec.Tabs.prototype.addToTabBar=function(objTab){if(true==this.noTabBar){return;}
var configIndex=objTab.config.index;var insertBefore=null;if(-1!=configIndex){var actualIndex=objTab.index;var children=this.config.tabBar.childNodes;var childrenCount=children.length;if(0<childrenCount&&actualIndex<childrenCount){insertBefore=children[actualIndex];}}
if(!insertBefore){this.config.tabBar.appendChild(objTab.linkNode);}
else{this.config.tabBar.insertBefore(objTab.linkNode,insertBefore);}
if(!objTab.config.visible){objTab.linkNode.style.display='none';}}
Zapatec.Tabs.prototype.attachTab=function(objTab){var index=objTab.config.index;if(this.tabsArray.length<=index){index=-1;}
if(-1==index){objTab.index=this.tabsArray.length;}
else{objTab.index=index;for(var i=this.tabsArray.length-1;index<=i;--i){var oldTab=this.tabsArray[i];oldTab.index=oldTab.index+1;this.tabsArray[i+1]=oldTab;}
if(index<=this.currentIndex){++this.currentIndex;}}
this.tabsArray[objTab.index]=objTab;this.tabs[objTab.id]=objTab;var linkHash=this.config.tabs.id+"="+objTab.id;objTab.setLinkHash(linkHash);var self=this;objTab.addEventListener("activateTab",function(){self.changeTab(objTab.id);});}
Zapatec.Tabs.prototype.scrollOneTabLeft=function(setTab){var tabBar=this.config.tabBar;var items=tabBar.childNodes;var i=0;for(i;i<items.length;i++)
{if(items[i].style.display!='none')
{break;}}
var j=i;for(j;j<items.length;j++)
{if(items[j].style.display=='none')
{break;}}
if(j>=items.length)
{return;}
items[i].style.display='none';if(j<items.length)
{items[j].style.display=items[j].originalDisplayType;}}
Zapatec.Tabs.prototype.scrollOneTabRight=function(setTab){var tabBar=this.config.tabBar;var items=tabBar.childNodes;var i=0;for(i;i<items.length;i++)
{if(items[i].style.display!='none')
{break;}}
if(i==0)
{return;}
var j=i;for(j;j<items.length;j++)
{if(items[j].style.display=='none')
{break;}}
items[j-1].style.display='none';items[i-1].style.display=items[i-1].originalDisplayType;}
Zapatec.Tabs.prototype.scrollTabsLeft=function(setTab){if(this.config.noMoreTabsLeft)
{return;}
this.config.noMoreTabsRight=false;if(!this.config.tabBar)
{return;}
var tabBar=this.config.tabBar;var contentWidth=parseInt(tabBar.style.width);var items=tabBar.childNodes;var i=this.config.lastIndexLeft-1;while(++i<items.length)
{if(items[i].style.display!='none')
{items[i].style.display='none';}
else