次のタブがあります
<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>
My Controller では、 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);
}
};
しかし、タブは作成されていませんが、そこk-options="tabStripOptions"
から削除すると<div>
、タブが表示されますが、イベントはありません。