レイアウト欄の横方向の整列

Question

それはEXT JS 4です。 簡単な質問 レイアウト欄に項目を揃える方法は？

    layout:'column', 
        border: false, 
        items: 
        [ 
        { 
         columnWidth:.5, 
         xtype: 'label', 
         text: 'item 1' 
        }, 
        { 
         columnWidth: .5, 
         xtype: 'label', 
         text: 'item 2' 
        } 
        ] 

「アイテム1」を右に、「アイテム2」を左に並べるだけでいいです。だから、彼らは中心に出会うだろう。 「align：right」を使用するだけでは機能しません。 提案がありますか？

Answer 1

これを試してみてください：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Label

注：

ここ

Ext.onReady(function() { 
    Ext.create('Ext.panel.Panel', { 
     renderTo: document.body, 
     width: 200, 
     height: 200, 
     layout: 'column', 
     items: [{ 
      columnWidth: 0.5, 
      xtype: 'label', 
      text: 'item 1', 
      style: 'text-align: right;' 
     }, { 
      columnWidth: 0.5, 
      xtype: 'label', 
      text: 'item 2' 
     }] 
    }); 
}); 

Answer 2

は煎茶のドキュメントからの引用であるほとんどの場合、Ext.form.Labelable.labelWidthfieldLabelおよび関連する設定プロパティ（Ext.form.Labelable.labelAlignを使用する方が適切であろう、など）を使用することができます。これにより、フォーム全体でラベルを均一にサイジングすることができます。 Ext.form.Labelは、標準フィールドレイアウトでレイアウトを達成できない場合にのみ使用してください。