KendoUI Tabstrib选择所有的第一个选项卡

时间:2013-05-20 13:52:06

标签: javascript jquery kendo-ui

我有一个包含几个kendoUI选项卡的页面,我遇到的问题是我想选择页面上所有选项卡的第一个选项卡。我目前使用的代码适用于第一个标签条,但不适用于该点之后的任何标签条。

我试图避免使用列表类<li class="k-state-active">来设置最初激活的选项卡。

目前这是我的代码:

$(".tabstrip").kendoTabStrip({
    animation: {
        open: {
            effects: "fadeIn"
        }
    }
}).data("kendoTabStrip").select(0);

我使用的是类而不是ID,因为有多个基于数据源动态创建的选项卡。

2 个答案:

答案 0 :(得分:4)

使用jQuery each如下:

$(".tabstrip").each(function(idx, elem) {
    $(elem).kendoTabStrip({
    animation: {
        open: {
            effects: "fadeIn"
        } 
    }
    }).data("kendoTabStrip").select(0);
});

答案 1 :(得分:3)

 var tabStrip = $("#testing_tabs").kendoTabStrip().data("kendoTabStrip");
 tabStrip.select(0);