작성자 : 장민지 / 검수자 : - 

Release No. 7.0.500.20260122-11 

Script Editor 개요

Script Editor는 데이터소스(DataSource)와 소스 코드(JavaScript)를 등록하여 보고서에 사용할 수 있으며, 서버 로그를 확인할 수 있습니다.

Script Editor 실행 방법

i-AUD Designer 상단 메뉴 영역에서 [편집 그룹 > Script Editor]를 선택합니다.

image2025-4-28_17-1-29.png

화면 구성 설명

1. 소스 코드 입력 영역

보고서에 필요한 기능을 JavaScript로 작성할 수 있습니다.

Script Editor를 실행하면 소스 코드 입력 영역이 자동으로 생성됩니다.

입력한 API를 선택한 상태에서 'F1' 키를 누르면 별도의 API 문서 창이 실행됩니다.

2. API 함수 영역

컨트롤 별 필요한 API 함수를 찾아 더블 클릭 시, 해당 함수를 자동 생성할 수 있습니다.

API 함수를 선택하면, 하단에서 해당 함수에 대한 설명을 확인할 수 있습니다.


API 함수를 소스 코드 입력 창에 불러오면, 함수의 주석 코드 내부에 사용할 수 있는 arguments 목록을 확인할 수 있습니다.

함수의 유형별로 사용할 수 있는 arguments가 상이합니다.

사용 예시: args.Id (컨트롤 이름)

3. API Document

필요한 API 함수를 검색할 수 있습니다.

4. 로그 확인

로그 파일을 더블 클릭하여 서버 로그를 조회할 수 있습니다.

Script Editor로 인터랙션 구현하기

Script Editor를 사용하여 Button을 클릭했을 때, 메시지 창이 띄워지는 동작을 구현해 보겠습니다.

Step 1. 컨트롤 생성

보고서에서 클릭 시 사용할 [Button] 컨트롤을 생성합니다.

image2026-1-30_10-38-53.png

image2026-1-30_10-40-7.png

Step 2. Script Editor 실행

i-AUD Designer 상단의 [편집 그룹 > Script Editor]를 선택합니다.

Step 3. 소스 코드 작성

1. 이벤트 함수 불러오기

API 함수 영역에서 Button을 클릭할 때 발생하는 [OnButtonClick] 이벤트를 더블 클릭하여 소스 코드 입력 영역에 불러옵니다.

2. 소스 코드 작성하기

OnButtonClick 이벤트가 발생할 때, 메시지 창이 띄워지도록 소스 코드를 작성합니다.

  1. API Document 영역에서 '대화 상자' 검색
  2. 메인 뷰어(Matrix).Information API 확인


  3. 스크립트 소스 코드 작성

    사용하려고 하는 API를 일부 입력한 뒤 [Tab] 키를 눌러 자동 입력할 수 있습니다.


  4. API의 파라미터 값을 작성합니다.

    API마다 작성해야 하는 파라미터 값이 상이합니다.


Step 4. 저장 및 동작 확인

1. Script Editor 저장

Script Editor 좌측 상단의 [Save] 버튼 또는 [Ctrl + s] 키를 눌러 Script Editor를 저장합니다.

2. 보고서 실행 테스트

보고서에서 [Button] 클릭 시 메시지 창이 정상적으로 실행되는지 확인합니다.