콘텐츠로 이동

MESSAGE_POPOVER

목적

UTILITIES의 MESSAGE_POPOVER는 UI Object 근처에 POPOVER 창을 호출하는 데 사용한다.

주요 단계

1. Application에서 UI Object와 Event 생성

이미지

<사진 1> UI Object 생성 및 Event 추가 화면

1.2. Event 생성 후 "MESSAGE_POPOVER" 구성

1.3. ABAP SOURCE 예시 (METHOD EV_MESSAGE_POPOVER)

METHOD EV_MESSAGE_POPOVER.

      DATA : LT_MSG TYPE /U4A/CL_UTILITIES=>GTT_MSGPOPOVER,
             LS_MSG LIKE LINE OF LT_MSG.
*--------------------------------------------------------------------*

      "MESSAGE POPOVER 내역 MSG TYPE I
      LS_MSG-TYPE       = 'I'.        " Message 타입 E,W,I,S
      LS_MSG-COUNTER    = 1.          " ROW counter
      LS_MSG-M_TITLE    = 'U4A'.      " Message title
      LS_MSG-M_SUBTITLE = 'WorkSpace'." Message subtitle

      APPEND INITIAL LINE TO LS_MSG-M_LONGMSG.
      APPEND 1 TO LS_MSG-M_LONGMSG.
      APPEND 2 TO LS_MSG-M_LONGMSG.
      APPEND 3 TO LS_MSG-M_LONGMSG.   " Message 내용

      APPEND LS_MSG TO LT_MSG.
      CLEAR LS_MSG.

      "MESSAGE POPOVER 내역 MSG TYPE E
      LS_MSG-TYPE       = 'E'.
      LS_MSG-COUNTER    = 1.
      LS_MSG-M_TITLE    = 'U4A'.
      LS_MSG-M_SUBTITLE = 'WorkSpace'.

      APPEND INITIAL LINE TO LS_MSG-M_LONGMSG.
      APPEND 1 TO LS_MSG-M_LONGMSG.
      APPEND 2 TO LS_MSG-M_LONGMSG.
      APPEND 3 TO LS_MSG-M_LONGMSG.

      APPEND LS_MSG TO LT_MSG.
      CLEAR LS_MSG.

      "MESSAGE POPOVER 내역 MSG TYPE S
      LS_MSG-TYPE       = 'S'.
      LS_MSG-COUNTER    = 1.
      LS_MSG-M_TITLE    = 'U4A'.
      LS_MSG-M_SUBTITLE = 'WorkSpace'.

      APPEND INITIAL LINE TO LS_MSG-M_LONGMSG.
      APPEND 1 TO LS_MSG-M_LONGMSG.
      APPEND 2 TO LS_MSG-M_LONGMSG.
      APPEND 3 TO LS_MSG-M_LONGMSG.

      APPEND LS_MSG TO LT_MSG.
      CLEAR LS_MSG.

      "MESSAGE POPOVER 호출
      CALL METHOD /U4A/CL_UTILITIES=>MESSAGE_POPOVER
        EXPORTING
          IO_VIEW      = ME->/U4A/IF_SERVER~AR_VIEW  " [U4A] UI Element Super Class
          I_OPENBY_ID  = 'BUTTON1'                   " 메시지 팝업 위치 UI 인스턴스 ID
          I_CLOSE_TIME = 10                          " 메시지 팝업 자동 종료 (1 = 1초)
          IT_MSG_INFO  = LT_MSG.                     " 메시지 처리 컨피그

ENDMETHOD.

3. Web에서 Event 작동

  • POPOVER가 지정된 UI Object 근처에 호출된다.
  • 호출된 Popover에 등록된 메시지가 표시되며, 리스트 선택 시 상세 내용이 출력된다.

이미지

<사진 2> Message Popover 메시지 리스트

이미지

<사진 3> Message Popover 메시지 세부 내용 화면