Step 1. 데이터 연결하기

1.1 조회 조건 컨트롤 생성

데이터 조회를 위한 컨트롤을 생성합니다.

1.   joining Period

1.  joining Period(입사 기간) 컨트롤의 제목으로 사용할 컨트롤을 [UI Bot] > [Label]을 선택하여 생성합니다.

   

   
   

2.  컨트롤의 속성을 변경합니다.

           Text : Period

      3.  조회 조건으로 사용할 calendar 컨트롤을 [UI Bot] > [Calendar] > [D From To]를 선택하여 생성합니다.

     4.   컨트롤의 속성을 변경합니다.

            Name : VS_FROM_DATE

            Name2 : VS_TO_DATE

            InitDate : DATE(-10,F,F);NOW()

2. Division

1.  Division(부서) 컨트롤의 제목으로 사용할 컨트롤을 [UI Bot] > [Label]을 선택하여 생성합니다.

   

2.  컨트롤의 속성을 변경합니다.

            Text : Division

     3.  조회 조건으로 사용할 ComboBox 컨트롤을 [UI Bot] > [ComboBox] > [MultiCombo]를 선택하여 생성합니다.

          

     4.  컨트롤의 속성을 변경합니다.

          Name : VS_DIVISION

          DataSource : DIVISION(공통데이터소스 활용)

          CaptionField : DIVISION

          ValueField : DIVISION

          UseSelectText 활성화

          AutoRefresh 활성화

1.2 List-Grid Datasource 연결

       1.  그리드 컨트롤에 "GRID" Datasource 연결 후 보고서를 조회하여 정상적으로 실행되는지 확인합니다.

SELECT T1.EMP_NO
    , 'U0' AS IMG
    , T1.EMP_NM
    , T1.DIVISION
    , T1.EMP_RANK
    , T1.GENDER
    , T1.BIRTH_DATE
    , T1.ENTER_DATE
    , T1.EMAIL
    , T1.PHONE_NO
    , T1.LEAVE_YN
    , T1.ETC
    , T1.C_USER
    , T1.C_DATE
    , T1.U_USER
    , T1.U_DATE
 FROM EDU_DEV_EMPLOYEE_EN T1
WHERE 1=1
  AND T1.ENTER_DATE BETWEEN @:VS_FROM_DATE AND @:VS_TO_DATE
  AND T1.DIVISION IN (@:VS_DIVISION)
ORDER BY  DIVISION , T1.EMP_NO

Step 2. List-Grid 속성 설정하기

     1.  [List-Grid] 컨트롤의 디자인을 수정하기 위해 컨트롤을 우 클릭 후 [디자인]을 선택해 디자인 창을 실행합니다.

     2.  보고서 화면에서 사용하지 않는 필드는 전체 선택하여 표시를 비활성화합니다.

           C_USER, C_DATE, U_USER, U_DATE : [Show] 비활성화
         

      3.  필드의 데이터 정렬을 변경합니다.

            [Alignment] - [Data Alignment] : Center
           

          4.  Field Type을 변경하여 값을 쉽게 변경할 수 있도록 설정합니다.

      5.  [IMG], [EMP_NM] 의 [Editable] 기능을 비활성화합니다.

           

     6.   IMG와 DIVISION 필드를 맨 위로 옮깁니다.

     7.  부서 필드 기준으로 셀을 병합하기 위한 설정을 합니다.

           IMG~ETC Filterable, Mergeable 비활성화

           Merge Type : Vertical
          

     8. Column의 스타일을 변경하기 위한 설정을 합니다.

      9.  보고서를 실행하여 설정한 디자인이 정상적으로 적용되었는지 확인합니다.

   Step 3. Formula Editor를 활용하기

     Formula Editor를 활용하여 YOS(근속년수), Employees count(직원 수)를 계산합니다.

3.1 계산필드 추가

1.  ListGrid에 계산필드를 추가하기 위해 [디자인]을 클릭하여 디자인 설정을 실행합니다.

   

   
   

2.   버튼을 눌러 필드를 추가합니다.
   
   
   
3. 필드를 BIRTH_DATE 필드와 ENTER_DATE 필드 사이로 이동하고, 기본 속성을 변경합니다.

           화면표시명 : YOS

           Editable : 비활성화

           Mergeable : 비활성화

     4.  Data - Formula의 버튼을 클릭하여 수식 편집기를 실행합니다.

     5.  좌측 목록에서 YEAR 함수와 [ENTER_DATE] 필드를 선택하여 수식을 작성한 후 적용 버튼을 눌러 수식 작성을 완료합니다.

     6.  Format의  버튼을 클릭하여 Format 편집기 창을 실행한 후 숫자 형식에 "{0:N0} Year"를 입력합니다.

     7.  Data Alignment을 설정합니다.

           Alignment - Data Alignment : Center

     8.  보고서를 실행하여 YOS 필드가 정상적으로 추가 되었는지 확인합니다.

3.2 Label Formula 활용

Label의 Formula를 활용하여 직원 수 정보를 표현합니다.

1. ListGrid의 우측 상단에 있는 [Label2] 컨트롤을 선택하여 Formula의  버튼을 클릭하여 Formula Editor를 실행합니다.
   
   
   
   

   Discription

   디자이너 내에서 컨트롤 찾는 방법

   우측 상단의 "[폼 이름]'s Controls"를 클릭합니다.

   팝업창에서 컨트롤 목록을 확인할 수 있으며, Visible 상태 수정 및 선택한 컨트롤의 속성을 변경할 수 있습니다.

   

2. 텍스트와 COUNTIF 함수를 + 연산자로 연결하여 Total, Female, Male Count를 텍스트로 표현합니다.

   

    사용한 수식 펼치기

   "▶ Total : "+COUNTIF(:DataGrid, "EMP_NO", "")+" "
   +
   "▶ Female : "+COUNTIF(:DataGrid, "EMP_NO", "[GENDER] = 'female'")+" "
   +
   "▶ Male : "+COUNTIF(:DataGrid, "EMP_NO", "[GENDER] = 'male'")

3. [적용] 버튼을 클릭하여 작성한 수식대로 직원 수가 정상적으로 계산되는지 확인합니다.
   
   

Step 4. CURD 설정하기

Create Input Form과 DB Upload 기능을 활용하여 데이터 생성, 조회, 업데이트, 삭제 동작을 설정합니다.

4.1 Create Input Form

Create Input Form을 활용하여 입력 컨트롤과 List-Grid를 연결합니다.

1. [Edit Mode]에서 List Grid 컨트롤을 우 클릭하여 [Create Input Form] 항목을 선택합니다.

   

     2.  [Input Form Settings] 창이 나타나면 생성할 Row 혹은 Column 수를 입력하고 [확인]을 선택합니다. List Grid에 있는 Field Type대로 라벨과 입력 컨트롤이 생성됩니다.

         

     3.  목표 화면과 같이 컨트롤을 배치합니다.

4.2 Execution Plan Design

1.  [DB Bot] > [DB Upload]를 선택하여 실행 계획 디자인 창을 실행합니다.

   

   
   
   

   Discription

   Template 보고서이기 때문에 Execute Plan 일부가 작성되어 있습니다.

2. Data Control을 연결하여 Column 연결이 자동으로 되는 것을 확인합니다.

           [Data Control] : DataGrid

Step 5. Process Bot 설정하기

Process Bot을 활용하여 데이터 CRUD와 화면 변경 동작을 설정합니다.

     1.  Process Bot() 버튼을 눌러 Process Bot 설정 창을 실행합니다.

5.1 데이터 저장 Module

Module을 활용하여 CRUD 동작을 설정합니다.

1.  [Process Bot]아이콘()을 클릭하여 프로세스 봇 창을 실행하고, [Report] 를 더블 클릭합니다.
   
   
   
   
   
2.   [Activities] 탭을 클릭하고, 'DataGrid CRUD Template' Module을 더블 클릭합니다.
   
   
   
   
3.  Module 아이콘()을 클릭 후, 세부 옵션을 설정합니다.

           Module 구성 내용에 맞게 옵션 선택

           [저장] 버튼 눌러 Module 설정 완료

5.2 Form change Module

보고서 내의 버튼 클릭 시  다른 폼으로 이동하는 동작을 설정합니다.

1.  [BTN_LOG] 버튼 클릭 시 LOG 폼으로 이동하는 동작을 설정합니다.
   
   
2.  [BTN_LOG] 컨트롤을 더블 클릭합니다.
   
   
   
3.   [Activities] 탭을 클릭하고, 'Activate Form(Move to other form + Refresh)' Module을 더블 클릭합니다.
   
   
   
   
4. Module아이콘()을 클릭 후, 세부 옵션을 설정합니다.

          Module 구성 내용에 맞게 옵션 선택

          [BTN_LOG] 버튼 클릭 시 LOG form으로 이동 및 DataGrid1 컨트롤 조회 설정

           [저장] 버튼 눌러 Module 설정 완료

     5.  [BTN_LOG] > OnClick 이벤트와 Module을 연결합니다.

         

     6.  [BTN_MAIN] 버튼 클릭 시 MAIN 폼으로 이동하는 동작을 설정합니다.

     7.   [BTN_MAIN] 컨트롤을 더블 클릭합니다.

     8.   [Activities] 탭을 클릭하고, Modules > 컨트롤별 > Form > '폼 활성화 시키기(폼 이동 기능 + 조회 설정)' Module을 더블 클릭합니다.

           Module 아이콘()을 클릭 후, 세부 옵션을 설정합니다.

           Module 구성 내용에 맞게 옵션 선택

           [BTN_MAIN] 버튼 클릭 시 MAIN 폼으로 이동 및 DataGrid 컨트롤 조회 설정

            [저장] 버튼 눌러 Module 설정 완료

     9.  [BTN_MAIN] > OnClick이벤트와 Module을 연결합니다.

     10.  아래와 같이 프로세스 봇이 설정 되었는지 확인하고 저장합니다.

     11.  보고서가 정상적으로 작동하는지 확인합니다.