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

Posted 2023-05-07

【中文标题】Kendo UI TabStrip - 通过它的文本选择一个标签

【英文标题】：Kendo UI TabStrip - Selecting a tab by it's Text

【发布时间】：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")

【参考方案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 中选择标签。为了清楚起见，我将编辑我的问题