asp.net - Kendo UI TabStrip - 通过它的文本选择一个标签

Question

当我只知道标签的文本时，我试图在 javascript 中选择一个标签

我知道要获得 Selected Tab 我这样做：

var tabStrip = $("#tabMain").data("kendoTabStrip");
var tab = tabStrip.select();

如何使选定选项卡成为带有文本“MyTitle”的选项卡

注意：我使用 MVC 4 创建选项卡

    @(Html.Kendo().TabStrip()
          .Name("tabMain")
          .Items(items =>
              {
                  items.Add().Text("MyTitle")

Answer 1

基本上，您需要找到 li.k-item 并将其传递给 select 方法。jQuery来了：

var ts = $('#tabstrip').data().kendoTabStrip;
var item = ts.tabGroup.find(':contains("What you look for")');
ts.select(item);

Answer 2

$(document).ready(function(){
      $j("#tabstrip").kendoTabStrip( {
          animation:    {
              open: {
                  effects: "fadein"
              }
          },
    select: function(element){selecttab(element)}           
      });
function selecttab(element) {
        var tabStrip1 = $('#tabstrip').kendoTabStrip().data("kendoTabStrip");
        tabStrip1.select("li:contains(" + $(element.item).text()+ ")");

}            

Answer 3

我试过这个 - 只是普通的 jquery，现在似乎在 chrome 中工作......

var selectedTabName = $("li[aria-selected='true']").text();

Answer 4

Kendo MVC 服务器包装器在 tabstrip 级别公开 .SelectedIndex(0) 方法，在单个选项卡级别公开 Selected() 方法：

tabstrip.Add().Text("我的标签") .Selected(someValue = "我的标签")