Guest User

Untitled

a guest
Oct 18th, 2017
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.14 KB | None | 0 0
  1. var selected = component.get("v.key"); //key used for storing tab ids.
  2. component.find("tabset").set("v.selectedTabId",selected);
  3.  
  4. <aura:application extends="force:slds" access="global">
  5. <aura:attribute name="key" type="String" default="two" />
  6. <aura:handler name="change" value="{!v.key}" action="{!c.selectTab}"/>
  7.  
  8. <lightning:tabset aura:id="tabs" selectedTabId="two">
  9. <lightning:tab label="Item One" id="one">
  10. Sample Content One
  11. </lightning:tab>
  12. <lightning:tab label="Item Two" id="two">
  13. Sample Content Two
  14. </lightning:tab>
  15. <lightning:tab label="Item Three" id="three">
  16. Sample Content Three
  17. </lightning:tab>
  18. </lightning:tabset>
  19.  
  20. <br/><br/><br/>
  21.  
  22. <lightning:button variant="brand" label="ChangeValue" onclick="{!c.handleClick}" />
  23. </aura:application>
  24.  
  25. ({
  26. selectTab : function(component, event, helper) {
  27. var selected = component.get("v.key");
  28. component.find("tabs").set("v.selectedTabId",selected);
  29. },
  30. handleClick : function(component, event, helper){
  31. component.set("v.key","three"); // value assignation
  32. }
  33. })
Add Comment
Please, Sign In to add comment