Sencha Touch 2 - 字段集組件右側的togglefield對齊方式

Question

沒有人知道如何將Sencha Touch 2中的togglefield對齊到fieldset組件的右側？有了這個簡單的例子：

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

的輸出中看起來只是事實的兩個togglefields對準左側緊鄰的標籤文本罰款。我想讓它們與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; 
}