이벤트(Event)

컴포넌트 설정 중 이벤트 작업과 관련된 설정을 모아둔 영역입니다. 컴포넌트마다 항목이 달라지거나 영역이 존재하지 않을 수 있습니다.

속성 설명

이 부분에서는 공통적으로 사용되는 설정을 설명합니다. 컨트롤별로 달라질 수 있는 특수한 설정은 컨트롤에서 확인할 수 있습니다.

이벤트 사용

컨트롤 별로 사용 가능한 이벤트 종류가 달라질 수 있습니다.

이벤트 종류	이벤트 발생 시점
Click	마우스 클릭 시
ScrollEnd	마우스 스크롤 종료 시
FocusIn	컴포넌트에 포커스가 들어갔을 때
Change	입력 값이 변경되었을 때
FocusOut	컴포넌트에서 포커스가 나갔을 때
Input	사용자 입력이 있을 때
다이얼로그 닫기	다이얼로그가 닫힐 때
선택항목 삭제	항목이 삭제될 때
이전,이후 버튼 클릭	이전, 이후 버튼 클릭 시
스와이프 체인지	스와이프 동작 시
일자 선택	날짜가 선택됐을 때

클릭 시 스텝 이동

설정 시 컴포넌트를 클릭할 때 스텝(Step) 이동을 합니다.

세부 속성명	설명
스텝 아이디	이동할 스텝 아이디를 선택합니다.
스텝 이동 타입	이동할 타입을 설정합니다.
필수값 체크 무시	필수 체크를 사용하는 경우 체크를 무시하고 이동할 수 있는 설정입니다.
다음 스텝이동 애니메이션	스텝 이동 시 화면 전환 애니메이션 설정입니다.
조건	특정 조건을 충족할 때만 스텝 이동할 수 있도록 조건을 설정합니다. if 문을 생략하고 조건을 넣습니다. [예시] _c.activeSector.orderCount > 0

예시

이벤트 사용 설정하기

새로고침 아이콘을 누르면 스텝을 리로드 하는 이벤트를 걸어보겠습니다.

컴포넌트를 선택하고 이벤트 사용을 클릭해 아래와 같이 설정합니다.

EventType : Click 이벤트명 : reload

이벤트명을 작성하면 새로운 이벤트가 생성되며 바로 가기 링크가 활성화됩니다. 클릭해 이벤트로 이동합니다.

[함수 자동 생성] - [기능/함수 자동 생성] - [UI] - [스텝] - [다시 그리기]를 선택해 새로고침 동작을 구현합니다.

결과

클릭 시 스텝 이동 설정하기

메모장 시나리오를 예시로 작성 버튼을 클릭하면 작성 페이지로 이동하도록 설정해 보겠습니다.

스텝을 이동시킬 버튼에 클릭 시 스텝 이동을 설정하고 이동할 스텝을 작성 스텝인 Step2로 설정합니다.

결과