Question

我无法禁用Tabstrip按钮。香港专业教育学院试图在Tabstrips Activate事件中运行以下程序

tabButton.data（“ kendoButton”）。enable（false）

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

tabButton.addClass（“ disabled”）

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

其中的tabButton是根据以下几行派生的，我知道我明白了。

var tabButton = $（“。k-button”）

我通过添加css＆class来解决了这个问题，

.disable_a_href {指针事件：无； }

tabButton.addClass（“ disable_a_href”）

Answer 1

TabStrip具有显式的enable和disable函数。

如果要使其开始禁用，请在k-state-disabled元素上使用类<li>。

Here's a fiddle显示了这两种方法。选项卡2将开始禁用，并且可以切换选项卡3。

Answer 2

要禁用除活动菜单之外的所有选项卡，可以使用以下代码：

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

Answer 3

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

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);

我觉得上面的代码很容易解释...

如何以编程方式禁用剑道Tabstrip按钮

3 个答案: