如何使ExtJS的按钮的背景图像在Extjs 2.3中正确显示

我知道Extjs 2.3已经很老了，但我正在接管某人的工作，所以现在我的双手并列着。如何使ExtJS的按钮的背景图像在Extjs 2.3中正确显示

嗯，我应该改变界面中的一些东西，并添加新的功能。这是我第一次真正的ExtJS工作（jquery boy在这里）。

我想在按钮上添加新图标，看起来我甚至无法得到显示的图像，因为我无法影响按钮的高度，无论是在按钮对象属性还是在CSS中。所有我设法做的是影响按钮的宽度。

，这里是我的尝试

btntelButton = new Ext.Button({ 
      name: 'telbtn', 
      id: 'btntel', 
      cls : 'x-btn-icon', 
      iconCls: 'telButton', 
      minWidth : 95, 
     }); 
    <style type="text/css"> 
     .telButton 
     { 
      height: 60px; 
      background-image: url(images/tel.png) !important; 
     } 
    </style>

与使用telButton类的backgound图像自带，但调整到它的最小尺寸，只显示图像 showing here 的一小部分时，我使用的样式上按钮本身就像

//... 
    id: 'btntel', 
    cls : 'x-btn-icon', 
    style: {height: '90px'} 
    //...

这表明 this 我一直在拉我的头发在经过几个小时。 Extjs人会如何做到这一点？请说明这一点。感谢您阅读

来源

2011-08-24 black sensei

为了让你感觉更好：Ext 3.x并不是那么好。没有尝试4.x，所以无法分辨。 – Mchl

好的，谢谢，但正如我所说，目前迁移将是一个矫枉过正的问题，我现在被迫使用2.3。谢谢 –

这并不直接与问题直接相关，也没有太多建设性的意义，但它仍然令我惊叹，ExtJS虽然是一个具有相当历史和一切的成熟的UI框架，但仍然没有提供如此基本的东西图像按钮，没有人似乎知道解决方案... –

可以直接添加样式的按钮

例如：

style:{height:'60px'}

退一步将宣布你的CSS类为：

.telButton 
    { 
     height: 60px; 
     background-image: url(images/tel.png) !important; 
    }

，而不是 - - > button.telButton（不知道它是否会有所作为）

来源

2011-08-24 16:30:11

bruv !!我已经更新了我的帖子并尝试了你的建议，但没有运气:( –

嘿，你也可以尝试重新调整背景图片大小的按钮，而使用类。 –

绝对不是一个选项。我猜Extjs不能这么做。 –

如何使ExtJS的按钮的背景图像在Extjs 2.3中正确显示

回答

相关问题