1. [ 그리드 패널 (Ext.grid.Panel) ]
그리드란, 화면상의 많은양의 데이터를 시각화하는 훌륭한 방법
그리드를 이용하면 쉽게 정렬 및 데이터를 출력하고 많은 양의 데이터를 필터링을 할 수 있음. table 태그가 기본바탕이며, 각각의 table,tr,td에 엘리먼트들이 감싸져있고 클래스들을 정의함
1.
기본적인 그리드 컬럼 속성
•
text : 컬럼명을 지정
•
dataIndex : 각 컬럼에 출력할 데이터스토어의 fields 명
•
flex : 그리드 패널에서 넓이를 자동계산
•
width : 최초 컬럼의 넓이 지정, 대신 minWidth / maxWidth 속성을 정의해주지 않을 경우, drag&drop으로 넓이 조정가능
•
align : 컬럼의 정렬과 추출되는 그르드 목록의 정렬을 일치시키면서 출력
•
style : 컬럼의 css를 적용할 수 있는 속성
•
renderer : 자주 사용되는 config 속성 중 하나입니다. 출력된 데이터를 추가적인 스크립트 코드를 이용하여 가공 후, 화면에 다시 추출
