====== 테이블뷰 기본 가이드 ======
테이블뷰 컴포넌트에 대한 기본 기능 예시 화면이다.
테이블뷰는 행/열로 구성되며, 각 셀 또는 TD는 "아이템"이란 용어로 명명하며, 각 아이템은 다른 컴포넌트 포함 기능을 제공한다.
테이블뷰 행/열로 인접한 아이템끼리 병합 기능을 제공한다. (개발툴에서 아이템 클릭 및 CONTROL+클릭 후, 컨텍스트 메뉴를 통해 병합)
개발툴에서 테이블뷰 아이템 선택 후, 컨텍스트 메뉴 중 "테이블 뷰 셀 속성" 메뉴를 선택하여, 개별 아이템의 속성 설정 기능을 제공한다.
관련 속성으로 row_count, column_count, row_height, column_width가 있다.
관련 API로 getcolumncount, getrowcount가 있다.
관련 이벤트로 on_itemclick가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/TABLEVIEW/tablevlew_basic
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TABLEVIEW/tablevlew_basic.xml|tablevlew_basic.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TABLEVIEW/tablevlew_basic.js|tablevlew_basic.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/TABLEVIEW/tablevlew_basic|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// "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);
}