Disabled one or more Item in Tabs ?

How?

In AW 2.0.2 disable() method applies only to the control itself, not individual items. Disabling individual items/cells will be added in the future.

Good working:

/javascript.forum.11050.10/disabling-tabs.html


AW.UI.TabsEnhanced=AW.UI.Tabs.subclass(); AW.UI.TabsEnhanced.create=function(){var obj=this.prototype;obj.isEnabled=function(col){if (typeof this.getItemTemplate(col).getAttribute('isEnabled')=='undefined'){return true}else{return(this.getItemTemplate(col).getAttribute('isEnabled'))}};obj.setTabEnabled=function(tabIndex,enabled){if(enabled==true){this.getItemTemplate(tabIndex).setAttribute('isEnabled',true);this.getItemTemplate(tabIndex).setClass("extension","tabs-enabled")}else{this.getItemTemplate(tabIndex).setAttribute('isEnabled',false);this.getItemTemplate(tabIndex).setClass("extension","tabs-disabled")}};obj.onItemClicked=function(event,index){if(this.isEnabled(index)==false){return true;}}};


.aw-extension-tabs-enabled {color:black;} .aw-extension-tabs-disabled {color:gray; background-position: 100% 0px!important;} .aw-extension-tabs-disabled .aw-item-box {color:gray; background-position: 0px -50px!important;}  .aw-extension-tabs-disabled .aw-item-image {filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.5);-moz-opacity:0.5;opacity:0.5}