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

2 posts, 0 answers
  1. Praveen
    Praveen avatar
    9 posts
    Member since:
    Oct 2007

    Posted 29 Jul 2015 Link to this post

    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-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>

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

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

  2. Petyo
    Petyo avatar
    2444 posts

    Posted 31 Jul 2015 Link to this post

    Hello Praveen,

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

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top