2

次のタブがあります

<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>、タブが表示されますが、イベントはありません。

4

0 に答える 0