dojo - 带有图像的 Dojo/Dijit 选项卡

Question

我正在创建一个 dojo 选项卡，如下所示：

<button dojoType="dijit.form.Button">
    Item 1
    <script type="dojo/method" event="onClick">
        // Load Item Tab
        newItemPane = dojox.layout.ContentPane({
                              title:'Item',
                              closable: true,
                              id:'item_tab',
                              href:'/item/1/',
                              }
                      });
        dijit.byId('mainTabs').addChild(newItemPane);
        // Select the Item Tab
        dijit.byId('mainTabs').selectChild("item_tab");
    </script>
</button>

我可以在文本右侧动态插入图像item_tab吗？

我试过了：

dojo.style('item_tab','background-color','#ff0000');
dojo.style(dijit.byId('item_tab'),'background-color','#ff0000');

只是看看我是否可以更改颜色无济于事:(

我在这里找到了一些东西，但我不太明白他的回答

Answer 1

默认行为是将图标放在左侧，您只需将 iconClass 添加到内容窗格。

newItemPane = dojox.layout.ContentPane({
    title:'Item',
    closable: true,
    id:'item_tab',
    href:'/item/1/',
    iconClass: 'dijitIconUsers'
});

http://jsfiddle.net/cswing/L3BBf/

如果需要将其放在右侧，则需要创建自己的TabController和TabButton. （见dijit/layout/TabController）