1

我正在试验YUI3 TabView组件。使用此示例，如何禁用其中一个选项卡（可能使用Tab对象）？我试图找到不同的示例，但我发现的仅有的几个示例仅显示了如何实际创建选项卡。

更新：

我尝试了以下方法：

tabview.item(1).disable();

但是标签仍然是可点击的并且保持在正常状态，尽管类'yui-tab-disabled'被添加到了li元素。

更新 2：

我设法使用以下代码禁用了第二个选项卡：

tabview.item(1)
    .disable()
    .on('selectedChange', function () {
        return false;
    });

现在的问题是：如何再次启用该选项卡？

4

1 回答 1

1

解决了！为了使字段的禁用和启用起作用，必须在TabView声明后包含以下代码片段：

tabview.on('tab:click', function (e) {
    //  Prevent the browser from navigating to the URL specified by the 
    //  anchor's href attribute.
    if (e.target.get('disabled')) {
        e.preventDefault();
        e.domEvent.preventDefault();
    }
});

一个完整的例子可以在这里查看。

于 2013-08-28T09:30:43.883 回答