sencha touch :: 为按钮添加多个类
Posted
技术标签:
【中文标题】sencha touch :: 为按钮添加多个类【英文标题】：sencha touch :: adding multiple classes to buttons 【发布时间】：2011-05-23 17:44:13 【问题描述】：有没有办法在 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>
【讨论】：
是的，舒尔，谢谢！对。现在我意识到我的问题是错误的。我想为按钮的 iconClass 添加一个额外的类... 您想在按钮上使用自己的 iconClass 吗？ // 你自己的图标 .png 等？那也不是那么难。有 2 个选项，通过 Compass en Sass 配置您自己的 iconClasses，或者（更容易）在 style.css 中定义您自己的图标。请说出来，我会发布一些代码。 这很好，但谢谢。错误的问题得到了正确的回答。我只是更改了 '.x-button img.x-icon-mask' csscode 以获得我想要的。【参考方案2】：你可以通过传递一个字符串数组来实现这一点
cls: ['class1', 'class2'],
见： http://docs.sencha.com/touch/2.3.1/#!/api/Ext.Component-cfg-cls
【讨论】：
以上是关于sencha touch :: 为按钮添加多个类的主要内容，如果未能解决你的问题，请参考以下文章
Sencha Touch：工具栏可按住多个按钮并在超过一定数量时溢出