Question

由于这篇文章的标题已经说明了：我试图在我的tabcontainer中切换一个图标。

我有一个带有一些ContentPanes的TabContainer。

如果我从数据库中获取了一些值，我会在ContentPane中显示它们并设置IconClass，以便用户看到有一些数据。

在我的ContentPane中，我还有一个删除和一个保存按钮。

如果有某些数据并且按下了删除按钮，我想删除或隐藏选项卡中的图标。

当然我也想做另一种方式。

但我该怎么做？

我尝试使用registry.byId（＆＃34; myIdOfTheContentPaneWhereTheIconClasswasDefined＆＃34;）。className =＆＃34; dijitNoIcon＆＃34;

没有效果。

有什么想法吗？

Answer 1

尝试设置iconClass而不是className。

证明的概念：

require([
    'dijit/layout/TabContainer',
    'dijit/layout/ContentPane'
], function(TabContainer, ContentPane){
    var container = new TabContainer({ id: 'container' }).placeAt(document.body);
    var pane = new ContentPane({
        iconClass: 'dijitIconSave',
        title: 'Tab'
    }).placeAt(container);
    container.startup();

    setTimeout(function () {
        pane.set('iconClass', '');
    }, 2000);
});

Answer 2

registry.byId会返回一个小部件，而不是domNode。

这应该有效： registry.byId("myIdOfTheContentPaneWhereTheIconClasswasDefined").domNode.className="dijitNoIcon

虽然它根本不优雅......

在tabcontainer中切换图标

2 个答案: