#css #sencha-touch
#css #sencha-touch
Вопрос:
есть ли способ добавить несколько классов к панели или кнопке в sencha touch? Я пытался добавить несколько классов с помощью «cls:’NewClass SecondClass'», но, похоже, я могу добавить только один класс…
Ответ №1:
Для этого вы можете использовать функцию .addCls.
Например:
button.addCls('class1 class2 class3');
HTML-вывод кнопки теперь будет:
<div id="ext-comp-1064" class="x-button x-button-normal x-button-action class1 class2 class3" style="margin-top: 8px; height: 30px; "><span class="x-button-label" id="ext-gen1116">Label</span></div>
Комментарии:
1. да, спасибо, спасибо! правильно. Теперь я понимаю, что мой вопрос был неправильным. Я хотел добавить дополнительный класс к iconClass кнопки…
2. Вы хотите использовать свой собственный iconClass для кнопки? // Ваш собственный значок .png и т.д.? Это тоже не так сложно. Есть 2 варианта: настройте свои собственные классы значков с помощью Compass en Sass или (что проще) определите свои собственные значки в style.css. Пожалуйста, скажите так, я тогда опубликую некоторый код.
3. это приятно, но спасибо. на неправильный вопрос был дан правильный ответ. Я просто меняю csscode ‘.x-button img.x-icon-mask{}’, чтобы получить то, что я хочу.
Ответ №2:
вы можете добиться этого, передав массив строк
cls: ['class1', 'class2'],
смотрите:
http://docs.sencha.com/touch/2.3.1 /#!/api/Ext.Component-cfg-cls