Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 58 Next »

Setup

Create New

After drag a Table List into editor2, we can choose a setting to set up the Table List.
Basically, choose a NodeType for data display, table name or use API option for sync the data

테이블 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. Data를 출력 할 테이블 NodeType, 테이블명 입력, Data Sync와 API 사용여부를 설정 할 수 있다.

Set NodeType

NodeType을 선택하면 다음과 같이 4가지 테이블 셋팅 영역이 출력된다.

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

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

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

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

옵션상세

테이블 옵션의 상세 내용은 다음과 같다.

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

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

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

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

Events Option

1. Event Buttons

이벤트 버튼 목록과 함께 테이블 데이터 선택 타입, 버튼의 위치와 정렬 설정 옵션이 출력된다.

  • 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)

NEED CHECK 버튼 정렬 Default = right

TIP Data Select Field

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

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

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

2. Pagination

테이블 페이지네이션의 Total Count 정보 노출 여부와 페이지네이션 위치와 정렬 설정 옵션이 출력된다.

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

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

  • Pagination Align : 페이지네이션 정렬 선택(Left, Center, Right)

NEED CHECK 위치 top 적용 안됨, Default값 필요(미설정 > bottom)

NEED CHECK 페이지네이션 정렬 Default = left

NEW 페이지네이션 정렬 기능 현재 없음, 아래 Use Same Line 옵션과 함께 추가 필요

3. Use Same Line

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

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}”

4. Use Extra Buttons

제공하는 이벤트 버튼 외에 추가로 버튼을 생성하여 사용할 수 있다.

  • No labels