Versions Compared

Version Old Version 35 New Version 36
Changes made by

DXP Angela

DXP Angela

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

셋팅내용

...

Basic Set

기본 테이블은 Title, Table, Pagination, Event Buttons 4가지 엘리먼트로 구성되어 있다.

...

 

1. Table Field, Data

  • Target Node Type : 타겟 노드 타입

    • Enable List Fields : 테이블 필드 Value를 선택하여 테이블 생성 > List Field Instance Slot 테이블 셋팅

  • Data Sync : 연관 데이터 자동 설정

  • Use API : API 사용 여부

    • URL

    • Parameters

...

 

> List Field Instance Slot

 

 

2. Table Title

...

 

 

 

3. Pagination

  • Show Pagination

    • Pagination Position = {Top, Bottom, Both}

      Status
      colourRed
      titleNEED CHECK
      top 적용 안됨, Default값 필요(미설정 > bottom)

    • Pagination Align = {Left, Center, Right}

      Status
      colourYellow
      titleNEW
      페이지네이션에도 정렬 기능 필요(Default = right)

    • Show Total Count{ON/OFF}

 

 

4. Event Buttons

  • Enable List Events : 기본 5가지 버튼 중 선택하여 추가 > List Button Instance Slot 테이블 셋팅

    Show Event Buttons : Default{ON}

    • Event Buttons Position = {Top, Bottom, Both}

    • Event Buttons Align = {Left, Center, Right}

    • Enable List Events : 기본 5가지 버튼 중 선택하여 추가 > List Button Instance Slot 테이블 셋팅

  • Use Extra Buttons : 추가 버튼 생성

 

> List Button Instance Slot

 

 

 

 

Status
colourRed
titleASIS
Pagination과 Event Buttons 2가지 모두 ON일 경우, 서로 다른 라인에 배치됨

...

 

Status
colourRed
titleTBD
Pagination과 Event Buttons 2가지 모두 ON일 경우, 동일 라인에 배치하는 신규 옵션 추가

  • Status
    colourYellow
    titleNEW
    Same line align 옵션

    • [Pagination] > [Left, Center, Right] : 3가지 옵션 모두 선택 가능

    • [Event Buttons] > [Left, Center, Right] : Pagination에서 선택한 옵션 선택 불가

...

동일 라인 Align사용

다른 라인 Align사용

 

 

 

 

...

Function Set

기본 테이블에 Search, Draggable, Editable, Grouping, Summary 5가지 기능을 적용할 수 있다.

 

 

1.

...

Search

Status
colourRed
titleneed checkNEED CHECK
검색바만 사용하고 싶은 경우 설정 없음, 검색 옵션 아래와 같이 변경 필요

  • Show Search{ON/OFF}

    • Status
      colourYellow
      titleNEW
      SearchBar{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Form Filter Search{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Table Header Search{ON/OFF}

      • Show Sorter{ON/OFF}

      • Show Filter{ON/OFF}

    • Use Search Cache : 필드 필터와 폼검색 캐시 저장 사용

 

Info

검색바{ON}, 폼서치 검색{ON}

...

Info

검색바{ON}, 테이블 헤더 검색{ON}

...

 

 

  • Connect SearchForm : 검색 이력 저장, 동일한 검색 매개 변수가 들어 올 경우 검색

Status
colourRed
titleNEED CHECK
Connect SearchForm{ON}설정 시

...

 

 > Search Field Instance Slot

> Search Form Field Instance Slot

 

 

 

2.

...

Drag Sort

  • Draggable{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Use Drag icon{ON/OFF}

 

Status
colourRed
titleneed checkNEED CHECK
드래그 테이블은 Search, Pagination 기능과 함께 사용 할 수 없는지 확인 필요

Status
colourPurple
titleANT DESIGN
사용자가 드래그 사용 가능 여부를 쉽게 알 수 있도록 icon이 추가된 2번 타입 추가 제안

1번 Drag sorting (현재)

Status
colourYellow
titleNEW
2번 Drag sorting with handler

또는 List Order Edit Function 옵션으로 다중칸/한칸씩 이동하는 기능 선택할 수 있도록 기능 추가

...

List Order Edit Function

...

A타입 : 드래그로 다중칸 이동 가능

...

B타입 : 한칸씩만 이동 가능

...

...

 

 

3. Data Edit

  • Editable{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Editable Type = {Cells, Rows}

...

 

Status
colourPurple
titleANT DESIGN
2가지 에디팅 기능 (
Status
colourRed
titleNEEDCHECK
현재 에디팅 기능 사용 불가능 )

1번 Editable Cells

2번 Editable Rows

 

4.

...

Field Grouping

Status
colourRed
titleASIS
List Field Instance Slot 테이블 셋팅에서 필드 1개씩 개별 셋팅

...

 

Status
colourRed
titleTOBE
그룹핑 여러개를 한번에 확인하며 진행할 수 있는 방법 필요

  • Status
    colourYellow
    titleNEW
    Grouping{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Group Label : 필드 그룹명 텍스트 입력

    • Status
      colourYellow
      titleNEW
      Select Fields : 그룹핑 할 필드 선택(다중선택)

...

Grouping table head

Status
colourBlue
titleEX
5개의 테이블 필드가 있는 테이블 그룹핑

Fileds = {Name, Age, Street, Building, Door No.}

 

Group Lable = Field_1, Field_2, …

  1. Block = Building, Door No

  2. Address = Street, Block

  3. Other = Age, Address

Image Added

 

 

5.

...

Data Sum (Summary)

  • Show Summary

    • Enable Summary Fields : Sum 진행 할 테이블 필드 선택

...

 

 

 

...

UI Set :

...

Options

 

...

 

1. Size

Status
colourRed
titleNEED CHECK
라지 사이즈가 없으면 삭제(

2. Table Style

...

Status
colourPurple
titleANT
: size )

...

 

2. Show Empty Data First

...

 

3. Table

...

Data Select : Radio, Checkbox

Status
colourRed
titleNEED CHECK
라디오, 체크박스 기능을 선택형으로 변경 필요 > 라디오버튼

...

 

...

  • moreLinkUrl 입력 필드

...

 

 

...

5. Table Style

Status
colourRed
title

...

TOBE
테이블 보더/헤더/콜룸 스타일 그룹핑 필요

  • Bordered : Default{ON}

  • Fixed Header : Default{ON}

    • Height : Default = “600”

  • Fixed Columns : Default{ON}

 

 

 

※ 확인불가

1. show Info Icon{ON/OFF}

Status
colourRed
titleNEED CHECK
확인 불가

 

2. Action Display Type = {Button ,Droupdown}

Status
colourRed
titleNEED CHECK
확인 불가

 

3. Custom{ON/OFF}

  • Top Field

  • Top Button API

 

...

 

  • Bottom Button Title

  • Bottom Button URL

  • Bottom Button API

  • Add Event Columns{Manage, Remove, Both}

  • Property Key

  • Property Field

  • Limit

  • Form Type

  • Show Search Time

 

...

 

4. List Scroll, List Search Form 등등(총6개)

  • List Scroll{ON/OFF} :

    Status
    colourRed
    titleNEED CHECK
    스트롤 사용 여부 결정 OR Horizontal 스트롤 사용 여부??

  • List Scroll Height{ON/OFF} :

    Status
    colourRed
    titleNEED CHECK
    Vertical 스크롤 사용여부?? or 높이값 입력 필요????

  • List Search Form Field Size 입력필드

  • List Search Form Field Gutter 입력필드

  • List Default PageSize 입력필드

  • List Show PageSize Changer{ON/OFF}

 

5. Personalized Columns : 용도 확인 필요

...

 

6. Custom Card Style : 기능 실행X, 확인불가

...

 

...

Slot Set

1. List Field Instance Slot

: 1-2. 테이블 필드, 데이터

2. List Button Instance Slot

: 1-4. 이벤트 버튼

3. Search Field Instance Slot

: 2-1. 검색과 필터 > 검색바

4. Search Form Field Instance Slot

: 2-1. 검색과 필터 > 필터/쏠팅

 

 

...