EXTUI EV_WIN_RESIZE¶
목적¶
웹 브라우저 창 크기 변경 시 동작하는 resize 이벤트를 호출하기 위한 기능
주요 단계¶
1. JavaScript Editor에서 resize 이벤트 등록¶
- Application의 JavaScript Editor를 열어 window의 resize 이벤트를 등록
<사진 1> Application - JavaScript Editor 'resize' 이벤트 등록 화면
2. 특정 UI 이벤트에 "EV_WIN_RESIZE" 추가¶
- EV_WIN_RESIZE Method를 실행할 이벤트를 특정 UI의 Events에 추가
- 본 단원에서는 Button Click 이벤트를 통해 동작
<사진 2> 버튼 UI 이벤트 Click 이벤트로 EV_WIN_RESIZE 등록 화면
3. EV_WIN_RESIZE Method 구현¶
METHOD EV_WIN_RESIZE.
"*- WINDOW RESIZE 이벤트 실행
CALL METHOD /U4A/CL_EXTUI_EVENTS=>EV_WIN_RESIZE
EXPORTING
IO_VIEW = AR_VIEW " [U4A] UI Element Super Class
I_WAIT = 1000. " 타임아웃 시간(1초: 1000)
ENDMETHOD.
4. Application 실행 및 테스트¶
4.1 Application을 실행하고 "EV_WIN_RESIZE" Method 실행을 위한 버튼을 클릭¶
<사진 3> "RESIZE_EVENT" 버튼 클릭하여 EV_WIN_RESIZE 이벤트 호출
4.2 window의 resize 이벤트가 정상적으로 호출되는지 확인¶
<사진 4> WEB Windows RESIZE 이벤트 호출 메세지 출력 화면