====== enable 속성 가이드======
컴포넌트 enable 기능에 대한 예시 화면이다.
컴포넌트는 활성/비활성 상태를 가진다.
비활성 상태에서는 컴포넌트의 모든 이벤트가 발생하지 않는다.
컨테이너성 컴포넌트(패널, 탭 등등)인 경우에는, 내부 컴포넌트에도 활성/비활성이 반영되지만, 내부 컴포넌트의 활성화 속성 정보는 유지된다.
관련 속성으로 enable이 있다.
관련 API로 getenable, setenable이 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/COMMON/enable_basic
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/COMMON/enable_basic.xml|enable_basic.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/COMMON/enable_basic.js|enable_basic.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/COMMON/enable_basic|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// 화면 로드 이벤트
function screen_on_load()
{
var i, tab_count;
// 탭 아이템 정보를 콤보에 로드
tab_item_count = tab_enable.gettabitemcount();
for (i = 0; i < tab_item_count; i++) {
cbo_tabitem.addstring(i + ":" + tab_enable.gettabitemtext(i));
}
cbo_tabitem.setselectedindex(1);
}
// 버튼 이벤트
function btn_event_common_on_click(objInst)
{
screen.alert("버튼 텍스트 = " + objInst.gettext());
}
// 버튼 "setenable" 버튼 이벤트
function btn_setenable_on_click(objInst)
{
// 버튼 enable 상태 토글 처리
btn_event.setenable(!btn_event.getenable());
}
// 패널 "setenable" 버튼 이벤트
function btn_setenable_panel_on_click(objInst)
{
// 패널 enable 상태 토글 처리
pnl_enable.setenable(!pnl_enable.getenable());
}
// 탭 "setenable" 버튼 이벤트
function btn_setenable_tab_on_click(objInst)
{
// 탭 enable 상태 토글 처리
tab_enable.setenable(!tab_enable.getenable());
}
// "settabitemenable" 버튼 이벤트
function btn_setenable_tabitem_on_click(objInst)
{
var tab_index;
// 대상 탭 아이템 인덱스를 구함
tab_index = cbo_tabitem.getselectedcode();
// 탭 아이템 활성화 토글 처리
tab_enable.settabitemenable(tab_index, !tab_enable.gettabitemenable(tab_index));
}
// 패널 내 버튼 "setenable" 버튼 이벤트
function btn_setenable_button_in_panel_on_click(objInst)
{
// 패널 enable 상태 토글 처리
btn_in_panel.setenable(!btn_in_panel.getenable());
}