ExtJS6 열한번째강의 - ExtJS 6 폼필드 알아보기 (ExtJS 6 Learn about form field input types)

▼▼▼ ExtJS 강좌 구독을 원하시면, 아래 채널구독 부탁드립니다 ^^ ▼▼▼

https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ

xtype : textfield

기본 텍스트 필드이며, 직접적으로 사용하거나 혹은 textareafield 및 combo와 같은 컴포넌트의 기본클래스로 사용가능. 

값이 비어있는 경우, emptyText 속성을 이용하여 placeholder 를 지원

xtype : textfield(inputType : 'password')

HTML 태그의 <input type="password" /> 와 동일한 기능을 가지는 textfield 의 config 속성입니다.

별도의 xtype이 password인 컴포넌트는 지원하지 않습니다.

xtype : numberfield

숫자만 이용가능한 텍스트 필드 폼필드

문자는 허용하지 않고 자동으로 숫자값을 증가/증감 시키는 키스트로크 필터링을 제공함

증가 및 증감에 대한 config속성은 minValue / maxValue로 제어 할 수있음

xtype : datefield

datepicker 컴포넌트를 드롭다운으로 날짜 입력필드를 제어 

format config 속성을 이용하여 날짜 포맷팅이 가능

xtype : timefield

시간 입력필드를 의미 (콤보박스 유형의 시간선택긴으을 제공)

xtype : checkboxfield

단일 체크박스 필드를 의미.

<input type="checkbox" /> 와 동일한 필드

radiofield 클래스를 부모클래스로도 사용됨

xtype : radiofield

단일 라디오필드를 의미

체크박스와 비슷하지만 같은 name 속성을 가진 라디오 그룹내에서는 한번에 하나의 라디오만 선택이 된다.

<input type="radio" name="rdo" /> 에서 사용되는 name 속성을 맞추는 것과 동일함

xtype : slider

가로/세로 방향으로 구성가능한 애니메이션을 지원하는 슬라이더 컴포넌트

모든 컨테이너에 추가가 가능하며, width 속성으로 길이를 늘리고 줄일 수 있음