如何在Extjs2.3中正确显示ExtJS按钮的背景图像

oaxa6hgo  于 2022-09-26  发布在  其他
关注(0)|答案(1)|浏览(171)

我知道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类后,背景图像被调整到最小尺寸,当我在按钮上使用样式时,只显示image的一小部分,如

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

它显示我已经头发拉扯了几个小时了。你们Extjs的人会怎么做?请把这个解释清楚。谢谢你的阅读

jdgnovmf

jdgnovmf1#

可以直接向按钮添加样式
例如:

style:{height:'60px'}

第二个想法是将您的css类声明为:

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

而不是-->按钮。telButton(不确定是否会有任何区别)

相关问题