2012-10-02 21 views
1

我创建了以下这样一个道场标签:道场/ Dijit的卡口与图像

<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,但我不太明白他的回答

回答

2

默认行为是将图标放在左侧,并且您只需将图标类添加到内容窗格。

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

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

如果你需要把它放在右边,你将需要创建自己的TabControllerTabButton。 (见dijit/layout/TabController

+0

是的。我有我想使用的自定义图标 – Sevenearths

+0

需要在右侧的自定义图标?左侧的自定义图标可以工作,只需创建一个css类并使用它来代替dijitIconUsers。 –

+0

是的,但我如何在标题中嵌入一个CSS类。 (或者你的意思是'dijitIconUser'指的是一个css类,我只是用'background-image'创建了我自己的css类?) – Sevenearths