테이블뷰 기본 가이드

테이블뷰 컴포넌트에 대한 기본 기능 예시 화면이다.

테이블뷰는 행/열로 구성되며, 각 셀 또는 TD는 “아이템”이란 용어로 명명하며, 각 아이템은 다른 컴포넌트 포함 기능을 제공한다.

테이블뷰 행/열로 인접한 아이템끼리 병합 기능을 제공한다. (개발툴에서 아이템 클릭 및 CONTROL+클릭 후, 컨텍스트 메뉴를 통해 병합)

개발툴에서 테이블뷰 아이템 선택 후, 컨텍스트 메뉴 중 “테이블 뷰 셀 속성” 메뉴를 선택하여, 개별 아이템의 속성 설정 기능을 제공한다.

관련 속성으로 row_count, column_count, row_height, column_width가 있다.

관련 API로 getcolumncount, getrowcount가 있다.

관련 이벤트로 on_itemclick가 있다.

템플릿 위치: /HTML5/COMPONENT/TABLEVIEW/tablevlew_basic

템플릿 파일

• tablevlew_basic.xml
• tablevlew_basic.js
• 새창으로 실행

// "getrowcount" 버튼 이벤트
function btn_getrowcount_on_click(objInst)
{
	var row_count = this.tableview.getrowcount();
	screen.alert("row count = " + row_count);
}

// "getcolumncount" 버튼 이벤트
function btn_getcolumncount_on_click(objInst)
{
	var column_count = this.tableview.getcolumncount();
	screen.alert("column count = " + column_count);
}

// 테이블뷰 아이템 클릭 이벤트
function tableview_on_itemclick(objInst, nRow, nColumn)
{
	screen.alert("click item event, row = " + nRow + ", column = " + nColumn);
}

// 테이블뷰내 컴포넌트 클릭 이벤트
function component_in_tableview_on_click(objInst)
{
	// 컴포넌트가 포함된 테이블뷰 아이템 위치 정보 오브젝트를 구함
	var tableview_pos = objInst.gettableviewpos();
	this.tableview_on_itemclick(this.tableview, tableview_pos.row, tableview_pos.column);
}