Kendo ui 如何以编程方式禁用剑道tabstrip按钮

Kendo ui 如何以编程方式禁用剑道tabstrip按钮,kendo-ui,Kendo Ui,我无法禁用tabstrip按钮。我尝试在Tabstrips Activate事件中运行以下命令 tabButton.data(“kendoButton”).enable(false) --失败,因为该按钮不是剑道按钮 tabButton.addClass(“禁用”) --失败,已添加禁用,但按钮仍然可用 tabButton是沿着以下几行派生出来的,我知道我找到了它 var tabButton=$(“.k-button”) 我通过添加css&类解决了这个问题,如中所示 .disable_a_hre

我无法禁用tabstrip按钮。我尝试在Tabstrips Activate事件中运行以下命令

tabButton.data(“kendoButton”).enable(false)

--失败,因为该按钮不是剑道按钮

tabButton.addClass(“禁用”)

--失败,已添加禁用,但按钮仍然可用

tabButton是沿着以下几行派生出来的,我知道我找到了它

var tabButton=$(“.k-button”)

我通过添加css&类解决了这个问题,如中所示

.disable_a_href{指针事件:无;}

tabButton.addClass(“disable_a_href”)

TabStrip具有显式和函数

如果希望禁用它们,请在
  • 元素上使用类
    k-state-disabled


    显示这两种方法。选项卡2将开始禁用,选项卡3可以切换。

    要禁用除活动选项卡外的所有选项卡条,可以使用以下代码:

    var tabStrip = $("#tabstrip").data("kendoTabStrip");
    tabStrip.enable(tabStrip.tabGroup.children().not(".k-state-active"), false);
    

    我使用一种非常简单的方法

    var tabstrip = $("#yourtabstripID").data("kendoTabStrip");
    var tabContentID = $("content_div_of_that_tab").parent().attr('id');
    
    //Enable tab item ...
    tabstrip.enable(tabstrip.tabGroup.children("[aria-controls='" + tabContentID + "']")[0], true);
    
    //Disable tab item ...
    tabstrip.enable(tabstrip.tabGroup.children("[aria-controls='" + tabContentID + "']")[0], false);
    

    我觉得上面的代码很简单…

    你可以用jQuery禁用一个普通按钮,比如
    tabButton.prop(“disabled”、“disabled”)
    …只是尝试了一下,它不起作用-但是我注意到按钮是一个锚定链接