그리드 자체 (AUIGrid) 속성 설정 및 생성법에 대하여

AUIGrid 는 그리드를 생성하고, 속성, 메소드 및 이벤트를 처리할 수 있는 자바스크립트 객체입니다.

단일의 그리드를 생성하기 위해서는 다음과 같이 AUIGrid.create() 정적 함수를 사용합니다.

// 실제로 #grid_wrap 에 그리드 생성
const myGridID = AUIGrid.create("#grid_wrap", columnLayout, gridProps);

AUIGrid.create() 는 그리드를 하나 생성하여 미리 정의된 칼럼 레이아웃(columnLayout)을 바탕으로 id가 grid_wrap 로 정의된 Div 태그를 찾아 그리드를 출력합니다.

그리드를 생성하기 위해서는 반드시 칼럼 레이아웃(columnLayout)이 선행적으로 선언되어야 합니다.

gridProps 파라메터는 옵션 사항으로 그리드 생성 시 변경할 속성을 key-value 로 갖는 Object 입니다.

그리드의 이벤트를 핸들링 하기 위해서는 create() 정적 함수 호출 후에 이벤트를 바인딩하여 핸들링하십시오.

// 실제로 #grid_wrap 에 그리드 생성
const myGridID = AUIGrid.create("#grid_wrap", columnLayout, gridProps);

// 그리드 cellClick 이벤트 바인딩 
AUIGrid.bind(myGridID, "cellClick", function(event) {
	alert(event.value);
});

다음은 AUIGrid 의 설정 가능한 속성 및 이벤트, 메소드 리스트입니다.