2014-06-27 197 views
2

我想將圖標添加到我的工具欄(任意 - 不與按鈕關聯)。將圖標添加到Extjs工具欄

在我的CSS我定義URL是這樣的:

.myCoolLookingIcon { 
    background-image: url('../ext-theme-gray/images/grid/columns.gif'); 
} 

而且,如果我用iconCls設置按鈕圖標正常工作。

我想在一個標籤或圖像

該圖標我曾嘗試:

  xtype: 'label', 
      iconCls: 'myCoolLookingIcon ' 

  xtype: 'image', 
      html: '<img class="myCoolLookingIcon "/>' 

但是這似乎並沒有在這兩種情況下工作。

+0

你不能只是配置配置。標籤沒有'iconCls'配置。 –

回答

5

這是實現你想要什麼(不使用iconCls)的方法之一

xtype:'label', 
html: '<img src=\"path_to_icon\">' 

試試這個:

xtype:'label', 
html: '<img class="className" width="20" height="20">' 

給予的寬度和高度,使得它的工作。

+0

是的,我看着那個。對我來說似乎有點太凌亂 –

+0

添加了一些東西。不能正常工作 –

+0

ahh在我的例子中忘了寬度和高度:)謝謝 –

1

最終我最終這樣做了。有點哈克,但它的工作。

{ 
    xtype: 'label', 
    itemId: 'labelWithIcon', 
    text: '', 
    cls: 'classNameWithImgBackground', 
    listeners: { 
     render: function() { 
     this.setText('<span style="margin-left: 16px;">Label Text</span>', false); 
     } 
    } 
}