您可以在选项卡更改时激活单独的事件吗？

Question

我知道可以设置一个事件，只要在 Kendo UI 内的标签条中更改标签时就会触发该事件。但是，我想知道是否可以在单独的选项卡上触发单独的事件？

例如，我有一个包含 6 个标签的标签条。我想在进入选项卡 2 时触发与进入选项卡 4、5 或 6 时不同的事件。我希望每个选项卡都有一个单独的事件。我如何告诉 Kendo UI 监听我们在哪个选项卡上触发这些不同的事件？

Answer 1

请展示您尝试过的内容，这样可以帮助我们找到确切的 problem/solution。

无论如何， 您可以在 TabStrip.

中使用 active 事件处理程序

为选项卡设置一个id，并在用户激活它时检查id并调用function。

更多信息Documentation

这是一个非常简单的例子

<div id="tabStrip">
    <ul>
        <li id='tab1'>Tab 1</li>
        <li id='tab2'>Tab 2</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
</div>

<script>
    // event handler for activate
    var onActivate = function(e) {
        // access the activated item via e.item (Element)

        if(e.item.id == "tab1"){

           alert("func 1");

        } else if (e.item.id == 'tab2') {

            alert("func 2");

        }
    };

    // attach activate event handler during initialization
    var tabStrip = $("#tabStrip").kendoTabStrip({
        activate: onActivate
    }).data("kendoTabStrip");
</script>

您可以在选项卡更改时激活单独的事件吗？

Can you activate separate events on tab change?

javascript

kendo-ui

kendo-tabstrip

jquery-events

asp.net-core