Versions Compared

Version Old Version 66 New Version 67
Changes made by

DXP Angela (Unlicensed)

DXP Angela (Unlicensed)

Saved on

Key

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

...

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

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

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

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

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

...

Status
colourRed
titleneed check
https://ionsdp.atlassian.net/browse/ICE4-2027

Status
colourRed
titleneed check
Buttons Default : Position{Bottom}, Align{right}

Status
colourGreen
titleTip
Data Select Field

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

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

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

...

  • Pagination Total Count : 페이징 총합 출력

  • Pagination Position : 페이지네이션 위치 선택(Top, Bottom, Both)

  • Pagination Align

    Status
    colourYellow
    titlenew
    : 페이지네이션 정렬 선택(Left, Center, Right)

Status
colourRed
titleNEED CHECK
Position{top} 확인불가 > https://ionsdp.atlassian.net/browse/ICE4-2047

Status
colourRed
titleneed check
Pagination Default : Position{Bottom}, Align{left}

Status
colourRed
titleneed check
Pagination Align 현재 비노출, 노출로 변경하고 [Use Same Line] 옵션 추가하여 사용자 자유도 UP

3. Use Same Line
Status
colourYellow
titlenew

...

제공하는 이벤트 버튼 외에 추가로 버튼을 생성하여 사용할 수 있다. 추가하기 (plus) 아이콘을 클릭하고 버튼 컴포넌트를 선택하여 셋팅한다. 버튼 셋팅 옵션은 https://ionsdp.atlassian.net/wiki/spaces/~438538633/pages/1555333928/Set+Button#Setting-Screen을 참고 하자.

...

Search Option

1. Search Bar
Status
colourYellow
titlenew

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

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

2. Table Header Search
Status
colourYellow
titlenew

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

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

3. Search Form Filter
Status
colourRed
titlename/Opt change

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

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

  • Search Timing

    Status
    colourYellow
    titlenew
    : 검색 결과 출력 타이밍 (Real time, Click Botton)

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

  • Use Search Cache : 검색 이력 캐시 저장 사용 가능

...

Function Option

1. Drag Sort
Status
colourRed
titlename change

...

Status
colourGreen
titleTip
Drag handler Field

테이블 각각의 Row에 드래그 핸들러 아이콘으로, 사용자는 아이콘이 출력되어 사용자가 드래그 정렬 기능을 사용 할 수 있음을 좀 더 쉽게 인지할 수 있다있도록 한다.

Status
colourRed
titleneed check
기능 추가 : Drag sorting with handler

...

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

Status
colourRed
titleneed check
https://ionsdp.atlassian.net/browse/ICE4-2049

3. Summary

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

...

테이블 상단에 [more] 을 추가하여 링크로 더 많은 정보를 사용자에게 전달 할 수 있다.

...

테이블 타이블 스타일을 설정하는 기능으로 Title Style Set이 Set이 출력된다.

8. Custom Card Style

...

자주 쓰이는 CSS 목록에서 원하는 스타일을 선택하는 방법이다.

...

...

To be deleted?
Status
colourRed
titleneed check

...