ExtJS6 실전응용편 다섯번째 강좌 -컴포넌트로 웹 프로그램 제작 2부(Part 2. Create a WEB Program with ExtJS 6 components)
ExtJS 6 동영상강좌
2017. 4. 25. 13:05
ExtJS 6 강좌 영상은 링크를 통해 제공됩니다.
(YOUTUBE 채널 구독해주세요!!)
지난 시간부터는 샘플 프로젝트를 위한 템플릿을 제작중입니다.
오늘은 지난시간에 정한 메뉴목록 클릭 시, 중앙영역에 변경되는 컴포넌트를 변경해보도록 합니다.
treelist → listeners → selectionchange
트리리스트 컴포넌트의 리스트 변경이벤트
selectionchange(this,record,eOpts)
this : 트리리스트 자기자신
record : 선택된 노드의 레코드 값들
eOpts : 리스너에 전달된 옵션객체
특정 위치 컴포넌트 교체
폼필드 컴포넌트의 레이블 옵션
fieldLabel : String
value 값에 정의를 하면 폼필드의 레이블을 표시합니다. labelSeparator(라벨과 폼필드간의 구분자) 와 함께 추가되고 위치 및 크기는 labelAlign 및 labelWidth 구성의 의해 결정됩니다
그리드 컬럼간 라인 스타일 속성
columnLines: true/false