15.3.3 <transition> 요소
<transition> 요소는 현재 상태에서 발생한 이벤트를 처리하여 다른 상태로 전환하는 역할을 합니다. 형식은 다음과 같습니다.
<view-state ...>
<transition on="이벤트 ID" to="뷰 이름/상태 ID"/>
... // 다중 <transition> 요소 설정 가능
</view-state>
다음은 <transition> 요소와 관련된 속성입니다.
▼ 표 15-5 <transition> 요소의 속성
|
속성 |
설명 |
|
on |
현재 상태에서 발행하는 이벤트 ID |
|
to |
이동하는 뷰 템플릿 ID |
|
on-exception |
참조하려는 예외 처리 객체 |
<transition> 요소의 적용 예
<view-state id="orderCustomerInfo" model="order">
<transition on="customerInfo" to="orderShippingInfo"/>
</view-state>
앞서 발생한 이벤트 ID에 따라 사용자에게 보여 줄 뷰 페이지로 이동합니다. 예를 들어 현재 뷰 페이지 orderCustomerInfo에서 이벤트 ID customerInfo가 발생하면 뷰 페이지 orderShippingInfo.jsp로 이동하게 됩니다. 이때 JSP 웹 페이지에서 이벤트 ID를 얻으려면 ‘_eventId_이벤트 ID’로 이벤트 ID customerInfo를 설정해야 합니다. 형식은 다음과 같습니다.
웹 페이지에서 이벤트 ID를 설정하는 예
<button id="back" name="_eventId_customerInfo">submit</button>