Как создать div, который использует iconCls для рисования иконок?

Question

Как я могу сгенерировать div, который использует iconCls для заполнения эквивалента иконки в качестве содержимого этого div?

Например

{
xtype:button,
iconCls: 'refresh',
iconMask: true,
}

Сгенерирует кнопку со значком обновления. Насколько я знаю, Ext & Sencha генерирует это из CSS, хотя, поэтому, безусловно, должна быть возможность вызвать правильный класс в div и заставить его автоматически нарисовать иконку обновления для меня?

Как мне это сделать?

Answer 1

Я также недавно создал это, чтобы помочь вам подготовить значки для ваших приложений Sencha Touch. В README объясняются шаги по созданию значков на веб-сайте Ico Moon и использованию инструмента для преобразования файлов проекта Ico Moon в SCSS для использования в Sencha Touch.

• https://github.com/tohagan/sencha-ico-moon

Answer 2

Сенча автоматически не рисует и пиктограмму с любым именем, которое вы даете. Это может работать только тогда, когда sencha уже добавил iconCls с этим изображением. Однако вы можете сами добавить iconCls и добавить этот класс в свой css.

так, для вас css будет выглядеть так:

.refresh{
    background : url('your image location');
    height : 16px;  // Height-width of the image
    width : 16px;
}