guide:component:common:enable_basic [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== 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|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/COMMON/enable_basic"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

<sxh javascript>
// 화면 로드 이벤트
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());
}
</sxh>