This is a migrated thread and some comments may be shown as answers.
reLoad tabstrip contents on select event
1 Answer 74 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Sajjad asked on 10 Dec 2015, 07:02 AM

I am trying to reload contents of tabs on every click on tabs. How can I achieve this.. As I am trying to access current object in select event by using following code, but it gives error of null object.

 <kendo:tabStrip name="tabstrip2" select="onSelect">
        <kendo:tabStrip-items >
                    <kendo:tabStrip-item  text="Bid Screen" selected="true"  contentUrl="${ajaxContent1}"></kendo:tabStrip-item>

                    <kendo:tabStrip-item text="Clients" contentUrl="${ajaxContent2}"></kendo:tabStrip-item>
            <kendo:tabStrip-item text="Reports" contentUrl="${ajaxContent3}"></kendo:tabStrip-item>
                 <kendo:tabStrip-item text="Downloads" contentUrl="${ajaxContent4}"></kendo:tabStrip-item>

 function onSelect (e) {
     var tabStrip = $("#tabStrip2").data("kendoTabStrip");
  alert(tabStrip);//shows null

I am not using duplicate js files ,If I remove js files it does not show tabs.


1 Answer, 1 is accepted

Sort by
Boyan Dimitrov
Telerik team
answered on 12 Dec 2015, 08:34 AM

Hello Sajjad,


Most probably the reason for such behavior is loading more than one jQuery. If jQuery is included more than once in the page all existing jQuery plugins (including Kendo UI) will be wiped out.


In your case the tabs should load partial views instead of regular views (regular views use the layout page, where I assume your scripts definitions are). The views loaded by the tabs should not be associated to the default layout.  


Boyan Dimitrov
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question