콘텐츠로 이동

ADD_COACHMARKS

목적

"ADD_COACHMARKS"는 UI Object의 설명을 POPOVER 형태로 하나씩 표시할 때 사용


주요 단계

1. UI Object 생성 및 구성

1.1. Application에서 UI Object와 Event를 생성

이미지

<사진 1> UI Object 생성 화면

1.2. Event 생성 후 "ADD_COACHMARKS"를 구성

1.3. ABAP Source Code Sample (EV_ADD_COACHMARKS)

METHOD EV_ADD_COACHMARKS.

      DATA : LT_MARKS TYPE /U4A/CL_UTILITIES=>GTT_CMARK_INFO,
             LS_MARK  LIKE LINE OF LT_MARKS.
  *--------------------------------------------------------------------*

      "COACHMARKS의 내역 구성
      LS_MARK-UID = 'BUTTON1'.
      LS_MARK-TEXT = 'U4A WorkSpace!!!'.
      APPEND LS_MARK TO LT_MARKS.
      CLEAR LS_MARK.

      LS_MARK-UID = 'INPUT1'.
      LS_MARK-TEXT = 'U4A!!!'.
      APPEND LS_MARK TO LT_MARKS.
      CLEAR LS_MARK.

      "ADD_COACHMARKS조회
      CALL METHOD /U4A/CL_UTILITIES=>ADD_COACHMARKS
        EXPORTING
          IO_VIEW  = ME->/U4A/IF_SERVER~AR_VIEW    " [U4A] UI Element Super Class
          I_WAIT   = 2000                              
           " 랜더링 시간 설정 ( 예 : 1000 <- 1초 )
          IT_MARKS = LT_MARKS.                          
     " 기능 설명 처리 UI ID 및 설명 정보탭

    ENDMETHOD.  

2. Web에서 실행

2.1. Web에서 ADD_COACHMARKS Event 실행 시 UI Object 위쪽으로 POPOVER가 하나씩 생성

이미지

<사진 2> Button 위쪽에 생성된 POPOVER 화면

이미지

<사진 3> Input 위쪽에 생성된 POPOVER 화면