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

看看我是否可以改变颜色无效：（

我发现了一些here，但我不太明白他的答案

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）

带有图像的Dojo / Dijit选项卡

1 个答案: