2

I have following Tab

<div kendo-tab-strip  k-options="tabStripOptions">
            <ul>
                <li class="k-state-active">First tab</li>
                <li>Second tab</li>
            </ul>

            <div style="padding: 1em">
                This is the first tab
            </div>

            <div style="padding: 1em">
                This is the second tab
            </div>
        </div>

In My Controller I have wrote following code for Event :

$scope.tabStripOptions = {
            select: function (e) {
                console.log("Selected: " + e.item.innerText);
            },
            activate: function (e) {
                console.log("Activated: " + e.item.innerText);
            },
            show: function (e) {
                console.log("Shown: " + e.item.innerText);
            },
            contentLoad: function (e) {
                console.log("Content loaded in " + e.item.innerText);
            },
            error: function (e) {
                console.log("Loading failed with " + e.xhr.statusText + " " + e.xhr.status);
            }
        };

But No Tab is Creation but if I remove k-options="tabStripOptions" from <div> then Tab is coming but no event.

ujjaval
  • 1,523
  • 4
  • 20
  • 35

0 Answers0