sencha-touch - Sencha Touch 2 - 在字段集组件内向右切换字段对齐

Question

有谁知道如何将togglefieldSencha Touch 2 中的 a 对齐到组件的右侧fieldset？有这个简单的例子：

Ext.widget("fieldset", {
    items: [
        {
            xtype: 'togglefield',
            label: 'Toggle 1',
        },
        {
            xtype: 'togglefield',
            label: 'Toggle 2'
        }
    ]
});

输出看起来不错，除了两个切换字段与标签文本旁边的左侧对齐。我想让它们与组件的右侧对齐fieldset。

Answer 1

尝试这个

Ext.widget("fieldset", {
    items: [
        {
            xtype: 'togglefield',
            cls:'rightAligned',
            label: 'Toggle 1',
        },
        {
            xtype: 'togglefield',
            label: 'Toggle 2'
        }
    ]
});

并添加一种风格

.rightAligned .x-toggle {
    float:right;
    margin-right:1em;
}