как сделать так, чтобы фоновое изображение кнопки ExtJS правильно отображалось в Extjs 2.3 - PullRequest
Новая
       18

как сделать так, чтобы фоновое изображение кнопки ExtJS правильно отображалось в Extjs 2.3

2 голосов
/ 24 августа 2011

Я знаю, что 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, фоновые изображения приходят, но их размер уменьшается до минимального размера, показывая только небольшую часть изображения showing here, когда я использую стиль на самой кнопке, как 

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

, это показывает this Я потянул за волосы в течение прошедших нескольких часов.Как бы вы, ребята из Extjs, сделали это?пожалуйста, пролить свет на это.Спасибо за чтение

1 Ответ

0 голосов
/ 24 августа 2011

Вы можете добавить стиль непосредственно к кнопке

Например: 

style:{height:'60px'}

Вторая мысль будет объявить ваш класс CSS как: 

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

вместо -> button.telButton (не уверен, будет ли это иметь значение)

...