Kendo UI TabStrip - 按文本选择选项卡

时间:2013-03-28 17:51:27

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

当我只知道标签的文字时,我想在javascript中选择一个标签

我知道要获取选定标签我这样做:

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

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

的选项卡

注意:我使用MVC 4

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

4 个答案:

答案 0 :(得分:11)

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

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

答案 1 :(得分:3)

$(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()+ ")");

}            

答案 2 :(得分:1)

我试过这个 - 只是简单的jquery,似乎现在正在使用chrome ...

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

答案 3 :(得分:0)

Kendo MVC Server Wrapper在tabstrip级别公开.SelectedIndex(0)方法,在单个选项卡级别公开Selected()方法:

tabstrip.Add()。文字(“我的标签”)     .Selected(someValue =“我的标签”)