PAGE NAVIGATION¶

목적¶

PAGE_NAVIGATION은 서로 다른 PAGE 간 이동을 지원하는 메서드

주요 단계¶

1. Page 와 Navcontainer UI Object 생성¶

o PAGE 와 PAGE1을 하나의 Navcontainer UI Object의 하위 항목으로 설정

<사진 1> Navcontainer UI Object 하위에 PAGE와 PAGE1의 계층을 구성

2. PAGE 이동을 위한 Events 생성¶

o Event 등록을 통해 PAGE 전환 동작 구현

<사진 2> Event 생성 화면

3. PAGE_NAVIGATION 설정¶

o PAGE_NAVIGATION Method 호출

o Navigation Object ID와 대상 PAGE를 입력

o 소스 코드 예시 (EV_MOVE_PAGE)

METHOD  EV_MOVE_PAGE.

      DATA : LV_PAGE_ID TYPE STRING.

  *--------------------------------------------------------------------*

      CASE I_ID.

        WHEN 'BUTTON1'. "PAGE에 있는 버튼
          "PAGE1로 이동
          LV_PAGE_ID = 'PAGE1'.

        WHEN 'BUTTON2'. "PAGE1에 있는 버튼
          "PAGE로 이동
          LV_PAGE_ID = 'PAGE'.

      ENDCASE.

      "PAGE MOVE.
      CALL METHOD /U4A/CL_UTILITIES=>PAGE_NAVIGATION
        EXPORTING
          IO_VIEW  = ME->/U4A/IF_SERVER~AR_VIEW  " [U4A] UI Element Super Class
          I_APPID  = 'NAVCONTAINER1'
          I_PAGEID = LV_PAGE_ID.

    ENDMETHOD.

4. Web 에서 Event 발동 확인¶

o Event 실행 시 PAGE가 변경되는 것을 확인

<사진 3> Event 실행 후 PAGE 전환 모습