Tab Ajax loading is not working properly when it is selected programatically

[Praveen]

While creating tabstrip, tabs are configured to load dynamically through Ajax loading.

Now when we click on the tab(one) manually it is loading contents properly via Ajax but when some other tab(two) is visible and we want to select tab(one) on click of a button on tab(two) its not loading via Ajax and an empty content pane is shown under the tab(one).

we created tabs via below code

            <div class="wrapper" style="width: 100%;">
                <kendo:tabStrip name="homeTabstrip" show="onShow" select="onSelect" activate="onActivate" contentLoad="onContentLoad">
                    <kendo:tabStrip-items>
                        <kendo:tabStrip-item text="Assessment"    contentUrl="${assessmentTab}"></kendo:tabStrip-item>
                        <kendo:tabStrip-item text="Search Result" contentUrl="${searchTab}"></kendo:tabStrip-item>
                        <kendo:tabStrip-item text="Administration"  selected="true" contentUrl="${adminTab}"></kendo:tabStrip-item>
                    </kendo:tabStrip-items>
                </kendo:tabStrip>
            </div>

Now to select tab(one) while sitting on tab(two) we use below code:

    var tabstrip = $("#homeTabstrip").kendoTabStrip().data("kendoTabStrip");

tabstrip.select(1);
​

[Petyo]

Hello Praveen,

your code instantiates the tabstrip again. Please check this help topic. Apart from that, the approach works as expected here.

Regards,
Petyo
Telerik