2012-10-02 41 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