ExtJS 3.4 라디오 그룹 strech 해제

라디오 그룹의 각 라디오 버튼 너비를 설정하는 데 문제가 있습니다.ExtJS 3.4 라디오 그룹 strech 해제

xtype: 'container', 
id: 'cntCompany', 
layout: 'hbox', 
fieldLabel: 'Company', 
items: [ 
    { 
     xtype: 'radiogroup', 
     id: 'rdogrpCompany', 
     items: [ 
      { id: 'rdoIT', boxLabel: 'IT', name: 'rdoCompany', inputValue: 'IT', width: 40, checked: true }, 
      { id: 'rdoCOMMS', boxLabel: 'COMMS', name: 'rdoCompany', width: 40, inputValue: 'Comms' }, 
      { id: 'rdoGROUP', boxLabel: 'GROUP', name: 'rdoCompany', width: 40, inputValue: 'Group' }, 
      { id: 'rdoALL', boxLabel: 'ALL', name: 'rdoCompany', width: 40, inputValue: 'All', margins: '0 0 0 30' } 
     ] 
    } 
]

각 라디오 버튼의 너비를 설정했지만 제대로 작동하지 않습니다. 왜이 radiogroup strech 같은 너비 열 및 무시 너비 : 40? 각 라디오 버튼의 너비는 어떻게 설정합니까?

출처

2012-01-02 ShootingStar

입니다. 하위 항목 너비를 재정의하는 것으로 보입니다. 그러나 이것은 단지 추측 일뿐입니다. – sra

@sra 라디오 그룹 너비가 라디오 버튼 너비가 잘 작동하기 때문에 레이아웃 문제가 아닌 것 같습니다. – ShootingStar

기본적으로 콤보 그룹/라디오 그룹은 레이아웃 열을 사용하여 그룹화 된 요소를 정렬합니다. 그 외의 설정이없는 경우 'auto'를 기본값으로 사용합니다.

컨트롤은 하나의 행과 각 열의 균등 필드 전체 컨테이너의 폭에 기초하여 분산 될 폭 열당 하나를 렌더링한다. 이것이 기본값입니다.

API에 따르면 레이아웃 문제입니다. ExtJS는 정의하지 않은 경우 기본 레이아웃을 사용합니다. 따라서 레이아웃을 변경하거나 columns: 1으로 문제를 해결하십시오.

API-Link

편집 : 는 의견에 따라 올바른 대답은 내가이 선택한 레이아웃으로 인해 발생 생각 columns: [40, 40, 40, 40]

출처

2012-01-03 15:31:30 sra

@sra 감사합니다. Ext Designer에서 'columns : 1'을 시도했지만 1을 입력 할 수 없습니다. 버그처럼 보입니다. 물론 수동으로 편집 한 후에 작동합니다. 다른 사람들을 위해 각 라디오 버튼에 대해 각 너비를주고 싶습니다. 열 : 세로 라디오 단추 배열 만들기 때문에 1 원하는 답변이 아닙니다. 대답은 'columns : [40, 40, 40, 40]'입니다. 다시 감사합니다 – ShootingStar

ExtJS 3.4 라디오 그룹 strech 해제

답변

관련 문제