CODEWITHSUNDEEP
javascriptangularjskendo-tabstrip
Sammi
Sammi

Reputation: 119

how to activate second tab of Kendo UI tabstrip using angularJS

I'm basically new to Angular world. But trying hard to get the phase.

What problem I now have is, how to access kendo tabstrip in my JS file and activate second tab onClick().

Please note I do not want to use selectors i.e., #tabStripID

I'm trying to see if there is any way to do it?

pl find the plunker http://plnkr.co/edit/6l8R4ggLxOA589IcbRK9?p=preview

Looking for the help.

Thanks, Sammi

Upvotes: 4

Views: 6675

Answers (1)

savarex
savarex

Reputation: 111

In your HTML change 

<div id="tabstrip" kendo-tab-strip>

with

<div id="tabstrip" kendo-tab-strip="tabstrip">

And change your controller as below

  $scope.activateSecondTab = function() {
    $scope.tabstrip.select(1);
  };

I saved a working example at http://embed.plnkr.co/OjKwKRjupDWwNPifqzm2/preview

Enjoy!

Upvotes: 5

Related Questions