Disabling a tab in a dialog dynamically

Question

I have a dialog with three tabs. There is a selection dropdown on first tab. Based on what selection I make here, one of the second or third tab should be greyed out. So that the user only has one tab left to edit out of second or third one. Has someone done similar thing before?

Answer 1

I suggest to refer above location '/libs/foundation/components/list/dialog/items/list/items/listFrom/listeners' and create similar node structure in your component. Now the listerner methods mentioned in above location will not help you to complete your task, to do so follow below steps.
1. Create a new property as 'id' at each of your tab ('panel') with string value of name of your tab (which will be same name/value you will use in your first tab drop down)
2. Now replace below methods corresponding to each events under listener tab.
loadcontent - function(){var newvalue=""; this.findParentByType('tabpanel').getComponent(this.getValue()).disable(this); if(this.getValue()=="first"){ newvalue="second";}else{newvalue="first";} box.findParentByType('tabpanel').getComponent(newvalue).enable(this); }
selectionchanged - function(box,value){var newvalue=""; box.findParentByType('tabpanel').getComponent(value).disable(this); if(value=="first"){ newvalue="second";}else{newvalue="first";} box.findParentByType('tabpanel').getComponent(newvalue).enable(this); }
Above example will take care of tabs (panel) 'first' and 'second' you can change it as per your requirement (considering you have created tabpanel and panel to create your component).
I hope this much information will help you to complete your task. I face any issue let me know.