MX-Grid 컨트롤을 활용한 CRUD 가이드 문서입니다.

기존의 단순, 반복적인 수작업을 제고하고 자유로운 상호 연동과 실시간 처리를 통해 취합과 분석에 대한 시간을 단축하며 생산성을 극대화할 수 있습니다.

현업의 수작업 Excel File을 Web 집계화면으로 자동 변환할 수 있습니다.

참고사항

MX-Grid 컨트롤을 활용하여 보고서를 제작하는 방법에 대한 내용은 '생산 작업 일지' 가이드를 참고하시기 바랍니다.

1. 양식 불러오기

기존 Excel로 제작된 양식을 불러옵니다.

MX-Grid 컨트롤을 우 클릭하여 디자이너를 실행합니다.

실행된 i-MATRIX 디자이너에서 Open 버튼을 클릭합니다.

양식 파일이 있는 위치로 이동하여 파일의 확장자명을 "All files"로 변경하고 파일을 선택하여 열기합니다.

양식 파일이 열린 것을 확인할 수 있습니다.

2. 데이터 연결하기

불러온 양식 파일에 DB의 데이터를 연결합니다.

데이터를 출력할 D1 시트로 이동하여 작성되어있는 쿼리문을 복사합니다.

DB Bot > Dataset Manager를 선택합니다.

데이터셋 관리자 창에서 좌측 목록 창을 우 클릭하여 신규 데이터셋 목록을 추가합니다.

데이터베이스 연결 창에서 EDU 데이터베이스를 선택합니다.

추가된 DS 데이터셋의 쿼리 입력창에 복사한 쿼리를 붙여넣기 하고 실행하여 쿼리가 정상 조회되는지 확인합니다.

참고 : MX-Grid 변수 정의

MX-Grid에서 쿼리에 사용할 변수는 Excel의 이름 정의 기능을 사용하여 정의합니다.

데이터 미리보기 영역에서 데이터가 정상적으로 조회되는 것을 확인합니다.

쿼리의 결과 데이터를 양식에서 사용하기 위해 DS 데이터셋의 출력 유형을 "표"로 변경합니다.

출력 위치의 설정 아이콘을 클릭합니다.

데이터를 출력할 셀의 위치를 마우스로 클릭하거나 입력하여 지정합니다.

데이터가 출력된 첫번째 셀만 지정하면 자동으로 출력됩니다.

출력 위치가 지정된 것을 확인합니다.

내용을 저장하고 데이터셋 관리자 창을 닫습니다.

설정한 위치에 데이터가 출력된 것을 확인합니다.

V1 시트의 양식에서 "=" 연산자를 이용하여 D1 시트의 데이터를 연결합니다.

참고 : MX-Grid 집계 함수

현재 가이드의 양식과 다르게 데이터를 집계하여 표시하는 경우에는 Excel의 집계 함수를 사용합니다.

Ex) SUMIF, VLOOKUP, OFFSET 등

3. 입력 화면 생성하기

데이터 CRUD를 위한 입력 화면을 생성합니다.

DB Bot > Dataset Manager를 실행합니다.

데이터셋 관리자 창에서 DS 데이터셋을 선택하고 데이터베이스 정보 버튼을 클릭하여 우측에 데이터베이스 정보 영역을 활성화합니다.

데이터베이스 정보 영역에서 데이터를 CRUD할 테이블을 검색합니다.

테이블명을 우 클릭하여 입력화면 생성을 선택합니다.

입력화면이 구성되어 있는 시트가 생성됩니다.

참고 : MX-Grid CRUD 시트

MX-Grid에서 CRUD를 위한 시트를 생성할 때는 현재 가이드처럼 Dataset Manager를 활용하여 생성하여도 되고,

임의로 시트를 만든 뒤 입력화면의 첫 번 째 셀의 이름을 "CRUD_"로 정의합니다.

해당 이름은 실행계획, 서버 스크립트에서 {Grid Name}!{Name} 형태로 표현됩니다.

자동으로 작성되어있던 데이터를 삭제합니다.

입력화면 시트에서 "=" 연산자를 이용하여 V1 시트의 데이터를 연결합니다.

참고 : EOF(End Of File)

레코드는 기준셀의 세로 방향으로 N(Insert), U(Update), D(Delete)로 인식하며 해당 셀에 값이 없는 경우 인식하지 않습니다.

ROW의 종료 위치는 EOF 값을 만나거나 시트의 마지막 데이터까지 읽습니다.

성능을 위해서 "EOF"의 적용을 권장합니다.

참고 : 병합된 셀 연결

병합된 셀의 경우 아래의 이미지와 같이 해당 셀의 전체 영역('{시트명}'!{시작셀}:{마지막셀})이 입력되는데

영역이 아닌 처음 시작 셀 주소만 연결합니다.

구분	이미지
As-Is
To-Be

4. 엑셀 서식 설정하기

보고서에서 데이터를 입력할 수 있도록 입력 셀의 서식을 설정합니다.

데이터를 입력할 셀을 선택하고 Excel의 서식 > 셀 잠금을 클릭하여 셀 잠금을 해제합니다.

A1 셀에 "_PROTECT_"로 이름 정의합니다.

참고 : 시트 보호

셀 이름 정의가 아닌 시트 보호 기능을 사용할 수도 있습니다.

V1 시트 우 클릭
시트 보호 항목 선택
잠긴 셀 선택 해제

서식 설정이 완료되면 Save 버튼을 눌러 Excel 양식 파일을 저장합니다.

i-AUD 디자이너에서 보고서를 실행하면, 서식을 지정한 셀에 입력창이 생성된 것을 확인할 수 있습니다.

5. 조회 조건 컨트롤 생성하기

i-AUD 디자이너에서 조회 조건 컨트롤을 생성합니다.

컨트롤 종류	Name	기타
Calendar > Month	VS_DATE	InitDate : NOW() DataFormat : yyyy-MM
ComboBox > Combo	VS_JO	DataSource 연결 SQL 보기 콤보박스 SQL 원본 펼치기 SELECT 1 AS VALUE, '1조' AS NAME UNION ALL SELECT 2 AS VALUE, '2조' AS NAME UNION ALL SELECT 3 AS VALUE, '3조' AS NAME AutoRefresh 활성화
Button	BTN_REFRESH	Text : 조회
Button	BTN_SAVE	Text : 저장

6. DB Upload Plan 설정하기

데이터 CRUD를 위해 DB Upload Plan(실행 계획)을 설정합니다.

DB Bot > DB Upload를 실행합니다.

1. SQL

하단의 "+" 버튼을 눌러 SQL 형태의 실행 목록을 추가합니다.

추가한 실행 목록의 순서를 변경합니다.

EDU DB로 연결합니다.

Create SQL을 클릭하여 DELETE문을 작성합니다.

edu_dev_mxgrid 테이블을 검색하여 선택합니다.

SQL 선택 창에서 Delete를 선택합니다.

WHERE절의 조건을 변경합니다.

DELETE문 수정

----- DELETE -----
DELETE FROM public.edu_dev_mxgrid 
WHERE YYYYMM = :VS_DATE AND JO = :VS_JO

참고 : DELETE 문

데이터가 DELETE - INSERT 될 수 있도록 DELETE 문을 먼저 실행합니다.

2. DataGrid

edu_dev_mxgrid 테이블을 검색하여 연결합니다.

테이블의 정보가 연결된 것을 확인할 수 있습니다.

데이터 컨트롤에 "MXGrid!CRUD_"로 시작하는 컨트롤을 선택하여 컬럼을 연결합니다.

P.K 컬럼인 YYYYMM과 JO는 이미지와 같이 설정합니다.

우측의 설정 버튼을 클릭하여 이미지와 같이 속성을 변경합니다.

Insert : Insert

Update : Insert

Delete : None

참고 : 실행 유형 옵션

데이터가 DELETE - INSERT 될 수 있도록 DataGrid 실행 유형 옵션을 설정합니다.

7. 프로세스봇 설정하기

프로세스봇을 활용하여 보고서의 이벤트별 동작을 설정합니다.

i-AUD 디자이너에서 프로세스봇을 실행합니다.

컨트롤 명	이벤트 유형	동작
VS_JO	OndateBindEnd	Refresh - MXGrid
BTN_REFRESH	OnClick	Refresh - MXGrid
BTN_SAVE	OnClick	Module - 실행 계획 실행 후 데이터 조회 하기