Activate tabitem by Javascript

[Danferd Lan]

How can i activate a specific tabitem from clientside? 

[Karthikeyan Viswanathan]

Hi Danferd Lan,    

   

Thanks for contacting Syncfusion Support.   

   

Yes, you can select the tab items using showItem public method in client side.   

   

Please find the code snippet:   

   

<code>   

   

<ej:Tab ID="DefaulttabContent" runat="server" Width="600px"ShowCloseButton="true">   

        

</ej:Tab>   

   

</code>   

<code>   

   

<script type="text/javascript">   

        function tabselect(args) {   

            var inst = $('#<%=DefaulttabContent.ClientID%>').ejTab("instance");   

            inst.showItem(2);   

            // you can also use selectedItemIndex   

            //inst.option("selectedItemIndex",2)   

        }   

    </script>   

</code>   

  

   

Refer to the API reference link for selectedItemIndex: https://help.syncfusion.com/api/js/ejtab#members:selecteditemindex    

   

Refer to the showItem  client side public method link: https://help.syncfusion.com/api/js/ejtab#methods:showitem    

   

Sample link: https://www.syncfusion.com/downloads/support/forum/129066/ze/Tabclientside-2048886969.zip    

     

Regards,    

Karthikeyan V.