Kendo MVC TabStrip Disable Animation; Animation getting reenabled on javascript select of tab.

[Mahendra]

Hi Tlerik Team,

 

I'm trying to disable the animation for the Kendo MVC TabStrip and I did like 

 @{ Html.Kendo().TabStrip()     
        .Name("tabxyz")
         .Events(events => events.Select("onSelect"))
          .Animation(animation =>
          {
              animation.Enable(false);
          })

And its working as expected; But when I change the tab using the java script code, the animation is enabled again!!!!

Here is the code that I used.

  var tabstrip = $("#tabxyz").kendoTabStrip().data("kendoTabStrip");  
  var myTab = tabstrip.tabGroup.children("li").eq(selectedTab);
   tabstrip.select(myTab);

 

Please let me know what i'm doing wrong!! 

Thanks in advance.

Mahendra.

 

 

 

[Rosen]

Hello Mahendra,

By looking at the code you have pasted, I suspect that the issue is caused by the fact that a new TabStrip widget is created in the "somemethod". In order to get the already existing instance of the TabStrip from a given element, you should call the .data("kendoTabStrip") directly on the element:

$("#tabxyz").data("kendoTabStrip");

 

Regards,
Rosen
Telerik

[jerry]

I came across the same issue.

 @(Html.Kendo().TabStrip()
          .Name("racks")
          .Animation(false)
          .Items(tabstrip =>
          {

     ......
           }

 

after doing in javascript:

var tabStrip = $("#racks").kendoTabStrip().data("kendoTabStrip");

the animation is enabled again.

I tried Rosen's suggestion, but 

$("#racks").data("kendoTabStrip");  is undefined

can you help please?

Thanks,

Jerry

 

 

[Ivan Danchev]

Hello Jerry,

You should get a reference to the TabStrip in a document.ready handler:

$(document).ready(function () {
    $("#racks").data("kendoTabStrip");
});

The call to the kendoTabStrip() method initializes the TabStrip again with default settings so it should be omitted:

$("#racks").kendoTabStrip().data("kendoTabStrip");

Regards,
Ivan Danchev
Progress Telerik