페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.

Easy Heading Macro
titleExpandClickabletrue
navigationTitle목차
navigationExpandOptioncollapse-all-but-headings-1

작성자 : 김원정 / 검수자 : - 


Release No. 7.0.500.20260122-11 

Grid

활용

개요

UI Bot에서 지원하는 Grid는 데이터베이스(DB)에서 추출한 데이터를 바탕으로 사용자가 직접 다양한 분석을 수행할 수 있습니다.

Grid는 크게 표 형태로 되어 있는 Grid 유형

Grid 컨트롤은 일반 표 형태의 List-Grid와 피벗 형태로 되어 있는 형태의 Olap-Grid가 있으며, 데이터 연결 방법은 동일합니다.

·
  • List-Grid: 일반적인 표(Table) 형태의 그리드
· Olap
  • Olap-Grid: 피벗(Pivot) 기능을 지원하는 요약 분석용 그리드

Image Removed

또한 데이터를 추출하기 위해서는 i-META를 사용하는 방법과 SQL을 사용해 추출하는 두 가지 방법이 있습니다.

(Grid 우클릭> 데이터 소스)

본 가이드에서는 데이터를 연결하는 방법 중 SQL 쿼리로 생성한 데이터로 연결해 보도록 하겠습니다.

Image Removed

Grid 활용 : SQL 쿼리

Image Added

SQL 쿼리로 데이터 연결

Step1. 데이터 소스(Data Source)

생성하기

생성

  1. Script Editor 실행

    상단 메뉴

[편집그룹]
  1. 편집 그룹 > [Script Editor]를 클릭합니다.

Image Removed
  1. Image Added

[

  1. Script

Editor]창이
  1. Editor창이 실행되면, 왼쪽 [Data Source] 폴더에서 마우스 우클릭 후 [New]를 선택합니다.
    Image Modified

Step2. DB연결

  1. DB 연결

    쿼리를

생성할
  1. 작성할 수 있는 데이터

소스창이 나타나며 Connection에
  1. 소스(Data1)가 생성되며, [Connection]에서 연결할 DB를 선택 후 [SQL

Text창에
  1. Text]에 쿼리를 입력합니다.

이번 실습에서는 SQL 자동 생성 기능을 통해 쿼리를 작성해보도록 하겠습니다.

Image Removed

Step3. SQL작성
  1. Image Added

  2. SQL 쿼리 작성

    조회하려는 데이터에 맞게 SQL 쿼리를 작성합니다.

    참고사항

    SQL 쿼리 자동 생성

    1. 왼쪽 하단 영역 테이블 검색창에 테이블명을 입력하고
Enter를
    1. Enter 키를 누르면, DB 내 테이블 정보를 조회할 수 있습니다.
    2. 검색된 테이블에서 마우스 우클릭 후 [Create SQL]
기능을 사용하여 SQL문을 자동으로 생성합니다
    1. 을 클릭하면 SQL 쿼리가 자동으로 생성됩니다.
    2. 이후
원하는 쿼리문으로 편집합니다
    1. 생성된 쿼리를 원하는 대로 편집하여 사용할 수 있습니다.

    Image Modified

Step4.

  1. 쿼리 실행 및 확인

    상단의 [Execute]

버튼을 누르거나 키보드의 F5를 눌러 하단 결과창에 데이터가 정상적으로 출력되는지
  1. 버튼 또는 키보드의 F5 키를 눌러 Script Editor 창 하단에 데이터가 정상적으로 조회 되는지 확인합니다.
    Image Modified

Step5.

  1. 데이터 소스

(Data Source)
  1. 저장

쿼리문이 완료되면 상단의
  1. 원하는 데이터가 올바르게 조회됐다면, 상단 [저장] 버튼을 클릭한 뒤 Script Editor 창을 닫습니다.

    Image Modified

Step6. Grid 컴포넌트 배치 및 데이터 바인딩

Step2. List Grid에 데이터 연결

  1. 생성된 데이터 소스를
화면에 배치된 그리드와
  1. Grid에 연결해 보도록 하겠습니다.

[UI Bot] 도구 상자에서
  1.  UI Bot > [List-Grid]를 선택하여 화면에 배치 합니다.
Image Removed
  1. Image Added

  2. [List-Grid]

컴포넌트
  1. 컨트롤 선택 후 우측

속성창 Data영역에 DataSource 항목에서 생성된 데이터 소스를
  1. 속성 창 [Data] > [DataSource]에서 연결하고자 하는 데이터 소스 이름을 선택합니다.
    보고서 열람 시 쿼리가 즉시 실행되도록 [Event]> [AutoRefresh]

속성을 활성화로 설정합니다
  1. 를 활성화 합니다.

Image Removed

Step7.
  1. Image Added

    정보

    이벤트 종류에 대한 설명은 👉이벤트 실행 순서 알아보기를 참고하세요.


Step3. 결과 확인

상단 메뉴의 [실행] 버튼을 클릭하여 데이터가 그리드에 정상적으로 출력되는지 클릭하면 List Grid에 데이터가 정상적으로 조회 되는지 확인합니다.

Image RemovedImage Added

Step8

Step4. Olap

-Grid 연결[UI Bot] 도구 상자에서

Grid에 데이터 연결  - 생성한 데이터 소스 활용

Image Removed

DataSource를
  1. UI Bot > [Olap-Grid]를 선택하여 화면에 배치 합니다.
(연결 방식은 List-Grid와 동일합니다.)

  1. Image Added

  2. List Grid와 동일하게 DataSource에서 원하는 데이터 소스 이름을 선택해 데이터를 연결하고, AutoRefresh를 활성화합니다.
Image Removed
  1. Image Added

  2. 실행 버튼을 클릭하여 Olap-Grid 피벗 분석 기능이 정상 작동하는지 확인합니다.
    OLAP Grid는 분석 항목을 쉽게 이동할 수 있어, 사용자가 원하는 형태의 다차원 분석을 빠르게 구현할 수 있습니다.
Image Removed
  1. Image Added