Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

기본적인 테이블 리스트는 Title, Table, Pagination, Checkbox, Event Buttons(CRUD)로 구성한다.

Status
colourBlue
titleex
Target NodeType = Content

...

2. Search Form

검색 기능이 있는 테이블로 Fiter, Form 2가지 검색 타입을 제공한다.

...

BackOffice Builder의 TableList > Setting > [Option] 설정을 통해 테이블 리스트 유형과 스타일을 변경한다.

Function

1. Button

2. Search

3. Grouping

...

Create

기본 테이블 리스트를 생성한 뒤, 옵션 설정으로 원하는 유형을 만들 수 있다.

1. 테이블 생성하기

Target NodeType을 선택하면, 해당 노드에 셋팅되어 있는 Enable List Fields 목록이 출력된다. 테이블에 넣고자 하는 Value를 선택하여 테이블 리스트를 생성한다.

...

2. 버튼 추가하기

Enable List Events 목록에서 테이블 내에서 필요한 기본 버튼을 선택하여 생성한다.

...

  • Create : 테이블 필드에 데이터를 등록

  • Read : 테이블에 등록 된 데이터를 상세 조회

  • Update : 변경 내용을 저장하고 업데이트

  • Delete : 테이블에 등록 된 데이터를 삭제

  • List : 상위 목록 페이지로 돌아가는 기능

만약, 추가적으로 버튼을 생성하고 싶다면, Extra Buttons 을 ON하여 직접 만들 수 있다.

...

①번 추가하기 아이콘을 클릭하면 ②번 버튼 컴포넌트 설정 영역이 하단에 출력된다.

...

③번 버튼 컴포넌트를 선택하면 ④번 버튼 옵션 설정 영역이 하단에 출력된다. (버튼 목록/설정: Buttons)

...

⑤번 [저장]버튼을 클릭하면, Extra Button이 생성한 것을 확인 할 수 있다.

...

3. 검색기능 사용

3. 그룹핑 설정하기

4. 써머리 기능

Options

1. Title

Show Title 토글버튼을 ON으로 설정하면, Title 입력 필드가 나타나 테이블명을 작성 할 수 있다.

Setting

Result

Image RemovedImage Added
Image RemovedImage Added

2. Size

Setting

Result

3. Border

Setting

Result

Image RemovedImage Added

Image RemovedImage Added

  1. Event Button

  2. Sort

  3. Search: Bar, Form

  4. Pagination

  5. Filter: Select, Checkbox

  6. Table: Title, Show Summary, Click Event, Table Button, Toggle, Mouse Over Menu

  7. Icon: Edit, Delete, Status, setting, upload, download, media, etc

  8. summary graph (up/down)

  9. Label

  10. Tag

  11. Link

  12. Custom View

...