JS_FILES_LOAD¶

목적¶

Application에서 JavaScript 파일을 불러와 적용하는 기능입니다.

주요 단계¶

1. JavaScript 파일 로드 기능 구현¶

1.1 JS 파일 로드 전 실행 화면¶

JavaScript 파일을 로드하기 전 Application 실행 화면입니다.

JS 파일 로드 전 실행 화면

<사진 1> JS 파일 로드 전 실행 화면

2. JavaScript 파일 로드 기능 구현¶

2.1 Method: JS_FILES_LOAD 구성¶

JavaScript 파일을 불러와 Application에 적용하는 Method
JS_FILES_LOAD를 구성합니다.

2.2 ABAP 소스 코드 예시 (/U4A/IF_SERVER\~HANDL_ON_INIT)¶

METHOD /U4A/IF_SERVER~HANDL_ON_INIT.

  DATA: lt_src TYPE /U4A/Y0075,
        ls_src TYPE /U4A/S0075.

  " JS URL
  ls_src-src    = '/zu4a/public/application/yu4a_ws_util14/JS FILE.js'.
  " JS FILE LOAD 동기: X / 비동기: SPACE
  ls_src-issync = 'X'.

  APPEND ls_src TO lt_src.
  CLEAR ls_src.

  " JS File 불러오기
  CALL METHOD /U4A/CL_UTILITIES=>JS_FILES_LOAD
    EXPORTING
      io_view = me->/U4A/IF_SERVER~ar_view   " [U4A] UI Element Super Class
      it_src  = lt_src.                      " JS files 수집 탭

ENDMETHOD.

3. JavaScript 파일 로드 및 실행 결과¶

3.1 Mime Repository에 등록된 JavaScript 파일 확인¶

Application에서 불러오는 JavaScript 파일은 Mime Repository에
등록되어 있습니다.

Mime Repository에 등록된 JS 파일 화면

<사진 2> Mime Repository에 등록된 JS 파일 화면

3.2 Application 실행 후 JavaScript 파일 로드 결과 확인¶

Application 실행 후 JavaScript 파일을 로드한 결과를 확인합니다.

JavaScript 파일 로드 결과 화면

<사진 3> JavaScript 파일 로드 결과 화면