0

ボタンの画像を設定しようとしていますが、ボタン全体を覆っていません。つまり、ボタンの背景はまだ表示されています。

ループ内の各ボタンに異なる画像を提供することにより、実行時にそれを実行しようとしています。

ここにあります：

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',

しかし、画像はすべてのボタンを覆っていません。または、画像を引き伸ばすことができない場合、ボタンの背景を透明にするにはどうすればよいですか?

ありがとう、

4

1 に答える 1

0

属性を使用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');
}
于 2013-04-17T05:44:29.060 に答える