sencha-touch - SenchaTouch2-フィールドセットコンポーネント内の右へのトグルフィールドアライメント

Question

Sencha Touch 2のをコンポーネントtogglefieldの右側に揃える方法を知っている人はいますか？fieldsetこの簡単な例を持っています：

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

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;
}