레이아웃 열의 가로 맞춤

그것의 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'를 사용하는 것만으로는 효과가 없습니다. 제안 사항이 있으십니까?

출처

2012-04-24 Fari.Fairis

이 시도 : 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' 
     }] 
    }); 
});

출처

2012-04-24 05:24:00

텍스트가 아닌 요소는 어떻게됩니까? 격자 패널을 정렬하려면 어떻게해야합니까? – jwien001

이것들이 콤보 박스라고한다면? 같은 패널과 레이아웃 – oneofakind

는 엽차의 문서에서 인용 대부분의 경우는, Ext.form.Labelable.labelWidthfieldLabel 및 관련 설정 속성 (Ext.form.Labelable.labelAlign을 사용하는 것이 더 적합 할 것 , 등) 필드 구성 요소 자체에서 레이블을 균일하게 양식 전체 크기 수 있도록합니다. Ext.form.Label은 레이아웃을 표준 필드 레이아웃으로 구현할 수없는 경우에만 사용해야합니다.

출처

2012-04-24 10:16:27 sha

다른 요소는 어떻습니까? 격자 패널을 정렬하려면 어떻게해야합니까? – jwien001

정확히 일치하는 격자? – sha

센터, 어디서나. OP는 항목을 열에 정렬하는 방법을 질문했고 레이블에만 적용되는 답을주었습니다. 격자 패널을 열에 배치하고 가운데에 맞춰야한다고 가정 해 보겠습니다. 내가 어떻게 그럴 수 있니? – jwien001

레이아웃 열의 가로 맞춤

답변

관련 문제