메뉴화면 만들기(menu.xfdl)

메뉴화면은 명함관리 시스템의 전반적인 운영을 위한 화면입니다.
스크립트를 통해 작업영역에 화면을 연결해주는 역할을 합니다.

화면(Form) 만들기

  1. “Form 만들기” 메뉴를 선택합니다.(File > New > Item > Form)

  1. “Create New Form Wizard” 창을 이용하여 파일명(Name), 저장위치(Location)를 지정합니다.

  1. “Create New Form Wizard” 창을 이용하여 상속(Inheritance)을 지정합니다.

  1. “Create New Form Wizard” 창을 이용하여 크기(Position)을 지정합니다.

  1. “Create New Form Wizard” 창을 이용하여 MLM기능 여부를 지정합니다.

  1. “Create New Form Wizard” 창을 이용하여 위젯(Widget)기능 여부를 지정합니다.

  1. “Form 만들기”가 완료되면 UX-Studio에 만들어진 화면(Form)이 열립니다.

화면 구성하기

버튼(Button)을 통한 화면이동을 가능하게 하는 기능을 가지는 화면을 작성해 보도록 하겠습니다.

버튼(Button) 만들기

컴포넌트 툴바에서 를 선택하여 화면에 버튼(Button)들을 만듭니다.

버튼(Button)의 속성을 다음과 같이 변경합니다.

버튼(Button)

속성

값

설명

id

btn_list,

btn_entry,

btn_init

각 버튼의 id

text

Person List,

Person Entry,

init data

각 버튼의 text

스크립트 작성하기

명함관리 시스템의 화면간의 이동을 도와줍니다.

Person List 이벤트 만들기

스크립트를 작성하기 위하여 “Person List”버튼을 선택하고 “Properties”창의 이벤트 목록에서 “onclick”이벤트를 찾아 입력에 연결할 함수명을 넣고 <Enter>키를 누릅니다. 또는 공란상태에서 마우스를 더블클릭하면 자동으로 함수명을 등록하고 작업영역(Work Area) 스크립트(script)탭으로 이동합니다. 이때 자동으로 등록되는 함수는 “[이벤트명]_[컴포넌트명]”으로 만들어지며 이미 같은 이름의 함수가 있는 경우에는 스크립트(Script)탭의 해당 함수 위치로 입력커서가 이동됩니다. 만일 같은 이름의 함수가 없을 때는 스트립트에 함수를 만들고 해당 위치로 이동합니다.

Person List 스크립트 작성하기

화면전환 기능은 해당 ChildFrame의 “formurl”을 변경하였습니다.

작성할 스크립트 내용은 다음과 같습니다.

function btn_list_onclick(obj:Button, e:ClickEventInfo)
{
	mainframe.HFrameSet0.ChildFrame1.formurl = "Base::person_list.xfdl";
}

Person Entry 이벤트 만들기

스크립트를 작성하기 위하여 “Person Entry”버튼을 선택하고 “Properties”창의 이벤트 목록에서 “onclick”이벤트를 찾아 입력에 연결할 함수명을 넣고 <Enter>키를 누릅니다. 또는 공란상태에서 마우스를 더블클릭하면 자동으로 함수명을 등록하고 작업영역(Work Area) 스크립트(script)탭으로 이동합니다. 이때 자동으로 등록되는 함수는 “[이벤트명]_[컴포넌트명]”으로 만들어지며 이미 같은 이름의 함수가 있는 경우에는 스크립트(Script)탭의 해당 함수 위치로 입력커서가 이동됩니다. 만일 같은 이름의 함수가 없을 때는 스트립트에 함수를 만들고 해당 위치로 이동합니다.

Person Entry 스크립트 작성하기

화면전환 기능은 해당 ChildFrame의 “formurl”을 변경하였습니다.
작성할 스크립트 내용은 다음과 같습니다.
function btn_entry_onclick(obj:Button, e:ClickEventInfo)
{
	application.mainframe.HFrameSet0.ChildFrame1.formurl = 
		"Base::person_entry.xfdl";
}

init data 이벤트 만들기

스크립트를 작성하기 위하여 “init data”버튼을 선택하고 “Properties”창의 이벤트 목록에서 “onclick”이벤트를 찾아 입력에 연결할 함수명을 넣고 <Enter>키를 누릅니다. 또는 공란상태에서 마우스를 더블클릭하면 자동으로 함수명을 등록하고 작업영역(Work Area) 스크립트(script)탭으로 이동합니다. 이때 자동으로 등록되는 함수는 “[이벤트명]_[컴포넌트명]”으로 만들어지며 이미 같은 이름의 함수가 있는 경우에는 스크립트(Script)탭의 해당 함수 위치로 입력커서가 이동됩니다. 만일 같은 이름의 함수가 없을 때는 스트립트에 함수를 만들고 해당 위치로 이동합니다.

init data 스크립트 작성하기

초기 데이터 생성은 jsp Service를 통해 테스트용 데이터를 생성해 줍니다.
서비스를 호출하는 기능은 Application의 “transaction”을 사용하였습니다.
작성할 스크립트 내용은 다음과 같습니다.
function btn_init_onclick(obj:Button, e:ClickEventInfo)
{
	var svcURL = "datasvc::initdata.jsp";
	transaction("init_data", svcURL, "", "", "", "fn_callBack");
}
Application의 “transaction”은 결과에 대한 처리를 위하여 callback 함수를 함께 사용합니다.
작성할 스크립트 내용은 다음과 같습니다.
이때 함수명(fn_callBack)은 transaction 의 인자 중 하나인 callback 인자와 동일해야 합니다.
function fn_callBack(svcid,strErrCode,strErrMsg) 
{
	if (strErrCode != 0) {
		alert(strErrCode + " : " + strErrMsg);
		return;
	}
	if (svcid == "init_data"){
		alert("data has been initialized");
		return;
	}
}