...

• Table Field Set Area : 테이블 필드로 사용하고자 하는 Value값 선택하여 테이블을 생성하는 영역

• Table Options Set Area : 테이블 옵션을 Events, Search, function, Style 4가지 탭으로 구분하여 제공

• Table Click Set Area : 테이블을 Click, Double Click 할 경우 발생하는 이벤트를 설정하는 영역

• Table Slot Area : 테이블 필드, 이벤트 버튼, 검색바 필드, 검색폼 필드의 설정 슬롯 영역

...

Option Detail

테이블 옵션의 옵션 설정 영역의 Tab 메뉴별 상세 내용은 다음과 같다.

• Events : 이벤트 버튼과 페이지네이션을 설정하는 영역

• Search : 검색바, 검색폼, 테이블 헤더에 사용하는 Filter/Sorter 기능 설정 영역

• function : 테이블 드래그 정렬, 데이터 에디팅과 써머리(SUM), 필드 그룹핑 등의 추가 기능 설정 영역

• Style : 기본적으로 셋팅된 테이블 스타일 변경 또는 커스터마이징 스타일 등을 설정하는 영역

...

• Enable List Event Buttons : 이벤트 버튼 목록(Create, Read, Update, Delete, List)

• Data Select Field : 테이블 데이터 선택 선택하는 필드 사용(No Use, Radio, Checkbox)

• Event Buttons Position : 버튼 위치 선택(Top, Bottom, Both)

• Event Buttons Align : 버튼 정렬 선택(Left, Center, Right)

Status
colour Green title Tip

Data Select Field

테이블 첫번째 Col에 데이터 선택 필드가 생성되며, 선택 타입을 2가지로 선택 가능하다.

- Radio : 라디오 버튼 타입으로 데이터 선택 필드 생성, 단일 선택만 허용할 경우 사용

- Checkbox : 체크박스 타입으로 데이터 선택 필드 생성, 다중 선택을 허용할 경우 사용

...

3. Use Same Line

Status
colour Yellow title new

버튼과 페이지네이션 사용이 모두 {ON}이라면일 경우, 버튼과 페이지네이션을 같은 라인에 배치할 수 있다배치하는 기능이다.

Status
colour Green title Tip

Use Same Line

Same Line을 {ON}으로 설정하면 페이지네이션의 위치/정렬 옵션이 비노출되고비노출되고, 버튼 위치/정렬 설정에 따라 페이지네이션의 위치가 자동 설정된다. 버튼 정렬은 {Left, Right}만 선택 가능하다.

- Event Buttons Position{Top} → Auto Set “Pagination Position{Top}”

- Event Buttons Align{Right} → Auto Set “Pagination Align{Left}”

...

Search Option

1. Search Bar

검색바 필드 목록이 출력된다. 값을 선택하면 테이블 상단에 검색바가 추가된다.

• Enable Search Bar Fields : 검색바의 검색 필터 필드 설정

2. Table Header Search

테이블 헤더에 Filter/Sorter Search 기능 추가할 수 있다.

• Table Header Search Type : 테이블 헤더 검색 옵션 선택(Sorter, Filter, Both)

3. Search Form Filter

검색폼 필드 목록이 출력된다. 값을 선택하면 테이블 상단에 검색폼이 나열된다.

• Enable Search Form Fields : 검색폼으로 생성 할 필드 설정

• Search Timing : 검색 결과 출력 타이밍 (Real time, Click Botton)

• Connect Search Form : 검색 이력을 저장하여 동일한 검색 매개 변수의 경우 검색 미진행

• Use Search Cache : 캐시 저장 사용 가능

...

Function Option

1. Drag Sort

Status
colour Red title name change

Draggable

테이블에서 React-DND(Drag And Drop) 정렬 기능으로, 드래그 핸들러도 함께 사용 가능하다.

• Drag handler Field

  Status
  colour Yellow title new

  : 드래그 핸들러 아이콘이 출력되는 필드 사용

Status
colour Green title Tip

Drag handler Field

드래그 핸들러 아이콘으로, 사용자는 드래그 정렬 기능을 사용 할 수 있음을 좀 더 쉽게 인지할 수 있다.

Status
colour Red title need check

기능 추가 : Drag sorting with handler

2. Editable

테이블 값을 바로 편집할 수 있는 기능으로, 에디팅 아이콘이 출력되는 필드 첫번째 열에 추가된다.

3. Summary

써머리 필드 목록이 출력된다. 써머리 할 Value를 선택하면 Data Sum이 테이블 하단에 출력된다.

• Enable Summary Fields : Data Sum을 진행 할 필드 설정

4. Field Grouping

Status
colour Yellow title new

테이블 헤더에 있는 필드를 그룹핑하여 보여주는 기능이다. 추가하기 아이콘을 클릭하면 그룹핑을 설정옵션이 출력된다. List Field Instance Slot 테이블 셋팅에서 필드별 개별 셋팅하여 적용할 수도 있다.

• Group Label : 그룹명 입력 필드

• Select Grouping Fields : 동일한 Depth 내에서 선택 가능한 필드 목록 출력

Status colour Red title ASIS List Field Instance Slot 테이블 셋팅에서 필드 1개씩 개별 셋팅 Image Added

Status colour Red title tobe 옵션 내에서 바로 그룹핑 가능하도록 기능 추가 필요! <정리중>

5. Authorization by Field

Status
colour Red title name change

...

...

Action Display Type = {Icon, Button ,Droupdown}