이벤트 속성 가이드

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

“이벤트”란 이벤트 유형별로 특정 조건이 만족할 때 발생한다.

컴포넌트 이벤트 종류는 컴포넌트 속성창의 “Event” 섹션에 “on_”으로 시작되는 이름으로 제공된다.

“이벤트 함수”란 이벤트 발생시 호출될 함수를 의미하며, 이벤트에 이벤트 함수를 지정하여 이벤트 발생시 처리할 내용을 개발한다.

이벤트 함수에는 이벤트가 발생한 컴포넌트 인스턴스가 첫번재 파라미터로 전달되고, 이벤트 유형별로 정보 파라미터가 전달된다.

이벤트에 대한 상세 도움말은 이벤트 선택후 “F1”키를 눌러서 확인한다.

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

템플릿 파일

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

// "btn_event_a" 버튼 이벤트
function btn_event_a_on_click(objInst)
{
	screen.alert("버튼 텍스트 = " + objInst.gettext());
}

// "btn_event_b"/"btn_event_c" 버튼 이벤트
function btn_event_common_on_click(objInst)
{
	var button_name;

	button_name = objInst.getname();

	switch (button_name) {
		case "btn_event_b":
			screen.alert("버튼 B 클릭");
			break;
		case "btn_event_c":
			screen.alert("버튼 C 클릭");
			break;
		default:
			screen.alert("버튼 이름 = " + objInst.getname());
			break;
	}
}

// 탭 아이템 삭제전("on_itemdestroy") 이벤트
function tab_event_on_itemdestroy(objInst, itemindex)
{
	var tab_item_count;

	factory.consoleprint("on_itemdestroy> start, itemindex = " + itemindex);

	// 탭 아이템 갯수를 구함
	tab_item_count = tab_event.gettabitemcount();

	// 탭 아이템 갯수가 1인 경우, 탭 아이템을 닫지 않음
	if (tab_item_count == 1) {
		screen.alert("마지막 탭 아이템은 닫을 수 없습니다.");
		return 0; // 탭 아이템 닫기 방지
	}

	// 탭 아이템 닫기 진행
	return 1;
}