Kendo UI TabStrip - 通过它的文本选择一个标签答案

【问题标题】：Kendo UI TabStrip - Selecting a tab by it's TextKendo UI TabStrip - 通过它的文本选择一个标签
【发布时间】：2013-03-19 07:12:45
【问题描述】：

当我只知道标签的文本时，我正在尝试在 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")

【问题讨论】：

标签： asp.net asp.net-mvc kendo-ui kendo-asp.net-mvc

【解决方案1】：

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

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

【讨论】：

【解决方案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()+ ")");

}

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：

谢谢。我正在尝试通过标签文本在 javascript 中选择标签。为了清楚起见，我将编辑我的问题