...

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 사용여부를 설정 할 수 있다.

...

• 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 : 체크박스 타입으로 데이터 선택 필드 생성, 다중 선택을 허용할 경우 사용

2. Pagination

이벤트 버튼 목록과 함께 테이블 데이터 선택 타입, 버튼의 테이블 페이지네이션의 Total Count 정보 노출 여부와 페이지네이션 위치와 정렬 설정 옵션이 출력된다.

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

• Pagination Position

  = {

  : 페이지네이션 위치 선택(Top, Bottom, Both

  }

  )

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

...

...

...

페이지네이션 정렬 기능

...

Show Total Count{ON/OFF}

3. Use Extra Buttons

...

현재 없음, 아래 Use Same Line 옵션과 함께 추가 필요

3. Use Same Line

버튼과 페이지네이션 사용이 모두 {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}”

4. Use Extra Buttons

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

• • 사용ON > Add Form : Component, Column Label, Label, Data Sync

    • 컴포넌트 선택 > 버튼 Option 셋팅 박스 출력 https://ionsdp.atlassian.net/wiki/spaces/~438538633/pages/1555333928/Set+Button#Setting-Screen

...