Extjs 按钮的背景图像

Extjs 按钮的背景图像,extjs,sencha-touch,sencha-architect,sencha-touch-2.1,Extjs,Sencha Touch,Sencha Architect,Sencha Touch 2.1,我试图设置一个按钮的图像,但它并没有覆盖整个按钮。我的意思是,按钮的背景仍然可见 我试图在运行时为循环中的每个按钮提供不同的图像 这是: for(var i=0; i<tvStore.getCount(); i++) { var aButton = Ext.create('Ext.Button', { margin:8, id:'button'+i, itemId:i, style: 'width: 110px;

我试图设置一个按钮的图像,但它并没有覆盖整个按钮。我的意思是,按钮的背景仍然可见

我试图在运行时为循环中的每个按钮提供不同的图像

这是:

for(var i=0; i<tvStore.getCount(); i++)
   {
     var aButton = Ext.create('Ext.Button',
     { 
       margin:8,
      id:'button'+i,
      itemId:i,
      style: 'width: 110px;height:110px;background-image:url(someRandomWebURLToImage) !important',

for(var i=0;i您可以使用
iconCls
属性指定如下CSS:

{
    xtype           : 'button',
    iconCls         : 'cart',
    text            : 'Add to Cart',
    iconMask        : true,
    padding         : 10,
    margin          : 10,
    id              : 'addToBagBtn'
}
和CSS文件应具有:

.x-tab .x-button-icon.cart, .x-button .x-button-icon.x-icon-mask.cart {
    -webkit-mask-image: url('../../touch/resources/themes/images/default/pictos/shop1.png');
}