−목차

enable 속성 가이드

컴포넌트 enable 기능에 대한 예시 화면이다.

컴포넌트는 활성/비활성 상태를 가진다.

비활성 상태에서는 컴포넌트의 모든 이벤트가 발생하지 않는다.

컨테이너성 컴포넌트(패널, 탭 등등)인 경우에는, 내부 컴포넌트에도 활성/비활성이 반영되지만, 내부 컴포넌트의 활성화 속성 정보는 유지된다.

관련 속성으로 enable이 있다.

관련 API로 getenable, setenable이 있다.

예시

템플릿 위치: /HTML5/COMPONENT/COMMON/enable_basic

템플릿 파일

화면 스크립트

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
// 화면 로드 이벤트
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());
}