라디오 버튼의 요소 간의 일정한 공간 거리

StackOverflow https://stackoverflow.com//questions/22046273

  •  21-12-2019
  •  | 
  •  

문제

나는 Extjs의 새로운 것이고 당신의 도움이 필요합니다. 왜냐하면 나는 그것을 내 자신의 문제를 해결할 수 있습니다.프로젝트에서 현재 작업하고 있습니다. 다음 라디오 버튼을 사용합니다. 

{
xtype: 'radiogroup'
, fieldLabel: 'ROW Periodicity'
, name: 'rowPeriodicity'
, width: 700
, allowBlank: false
, vertical: false
, disabledCls: 'ux-item-disabled'
, items: [
    { name: 'rowPeriodicityCode' , boxLabel: '6 months' , inputValue: 'M6' }
    , { name: 'rowPeriodicityCode' , boxLabel: 'Annual' , inputValue: 'Y1' }
    , { name: 'rowPeriodicityCode' , boxLabel: '3-Yearly' , inputValue: 'Y3' }
    , { name: 'rowPeriodicityCode' , boxLabel: 'N/A' , inputValue: 'N_A' }
    , { name: 'rowPeriodicityCode' , boxLabel: 'Other' , inputValue: 'OTHER }
    ]    
}
.

항목의 수는 일정하지 않습니다.

그래서 무슨 일이 일어나는 일은 라디오 버튼이 전체 사용 가능한 공간을 가져 와서 요소 간의 거리가 일정하지 않으며 이는 

| x     x     x     x     x |
| x       x       x       x |       
| x           x           x |
.

내가보고 싶은 것은 다음과 같은 일정한 거리입니다 : 

| x  x  x  x  x             |
| x  x  x  x                |       
| x  x  x                   |
.

어떤 아이디어를 달성하는 방법

도움이 되었습니까?

해결책

columns를 사용할 수 있습니다 config :

그룹화 된 경우 사용할 열 수를 지정합니다. 자동 레이아웃을 사용하여 체크 박스 / 라디오 컨트롤. 이 구성은 취할 수 있습니다 몇 가지 유형의 값 :

  • 'auto'- 컨트롤은 한 행의 열에 대해 하나씩 렌더링됩니다. 각 열의 너비는 너비에 따라 고르게 분포됩니다. 전체 필드 컨테이너의 이것은 기본값입니다.
  • 번호 - 만약 당신 특정 숫자 (예 : 3) 열의 수가 생성되고 포함 된 컨트롤은 자동으로 배포됩니다. 수직의 가치.
  • 배열 - 열 배열을 지정할 수도 있습니다. 너비, 믹싱 정수 (고정 너비) 및 플로트 (백분율 폭) 값 (예를 들어, [100, 25, .75]). 모든 정수 값은됩니다 먼저 렌더링 한 다음 모든 플로트 값을 계산합니다. 나머지 공간의 백분율. 플로트 값은 추가 할 필요가 없습니다 컨트롤이 전체를 차지하기를 원한다면 1 (100 %)까지 당신이해야 할 필드 컨테이너.

예 : http://jsfiddle.net/9zdsk/

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top