logologo
시작
가이드
개발
플러그인
API
홈
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
시작
가이드
개발
플러그인
API
홈
logologo
개요

블록

개요

데이터 블록

테이블
폼
상세 정보
목록
그리드 카드
차트

필터 블록

폼

기타 블록

액션 패널
Iframe
Markdown
JS Block

블록 설정 항목

데이터 범위
데이터 로드 방식
레이아웃
블록 연동 규칙
필드 연동 규칙
정렬 규칙
드래그 앤 드롭 정렬
블록 삭제
블록 제목
블록 높이
폼 초안

필드

개요

공통 설정 항목

테이블 필드
상세 정보 필드
필터 폼 필드
폼 필드

특유 설정 항목

날짜
파일 관리자
하위 폼
드롭다운 선택기
데이터 선택기
계단식 선택기
하위 테이블 (인라인 편집)
하위 테이블 (팝업 편집)
하위 상세 정보
제목
JS Field
JS Item
JS Column

필드 설정 항목

기본값
필드 라벨
라벨 표시
필드 도움말 정보
데이터 범위
필드 컴포넌트
숫자 형식화
모드
필수 여부
제목 필드
유효성 검사 규칙
관계 필드 컴포넌트

액션

개요

액션 설정 항목

편집 버튼
2차 확인
필드 값 할당
워크플로우 바인딩
편집 팝업
액션 연동 규칙

액션 유형

추가
보기
삭제
편집
복제
가져오기
가져오기 Pro
내보내기
내보내기 pro
첨부 파일 내보내기
필터
링크
팝업 열기
새로고침
데이터 제출
워크플로우 트리거
레코드 업데이트
일괄 업데이트
일괄 편집
하위 레코드 추가
JS Action
액션 권한

심화

연동 규칙
이벤트 플로우
변수
RunJS
UI 템플릿
Previous Page차트
Next Page액션 패널
AI 번역 알림

이 문서는 AI에 의해 번역되었습니다. 정확한 정보는 영어 버전을 참조하세요.

#필터 폼

#소개

필터 폼을 사용하면 폼 필드를 채워 데이터를 필터링할 수 있습니다. 이 기능은 테이블 블록, 차트 블록, 목록 블록 등 다양한 곳에서 데이터를 필터링하는 데 활용할 수 있습니다.

#사용 방법

필터 폼 사용법을 빠르게 이해하기 위해 간단한 예시를 살펴보겠습니다. 사용자 정보가 담긴 테이블 블록이 있고, 필터 폼을 사용하여 데이터를 필터링하고 싶다고 가정해 봅시다. 아래와 같습니다.

20251031163036_rec_

설정 단계는 다음과 같습니다.

  1. 설정 모드를 켜고, 페이지에 "필터 폼" 블록과 "테이블" 블록을 추가합니다. 20251031163525_rec_
  2. 테이블 블록과 필터 폼 블록 모두에 "닉네임" 필드를 추가합니다. 20251031163932_rec_
  3. 이제 필터 폼을 사용할 수 있습니다. 20251031163036_rec_

#고급 사용법

필터 폼 블록은 더 다양한 고급 설정을 지원합니다. 다음은 몇 가지 일반적인 사용법입니다.

#여러 블록 연결하기

하나의 폼 필드로 여러 블록의 데이터를 동시에 필터링할 수 있습니다. 자세한 방법은 다음과 같습니다.

  1. 필드의 "Connect fields" 설정 항목을 클릭합니다. 20251031170300
  2. 연결할 대상 블록을 추가합니다. 여기서는 페이지에 있는 목록 블록을 선택하겠습니다. 20251031170718
  3. 목록 블록에서 하나 이상의 필드를 선택하여 연결합니다. 여기서는 "닉네임" 필드를 선택합니다. 20251031171039
  4. 저장 버튼을 클릭하여 설정을 완료합니다. 결과는 다음과 같습니다. 20251031171209_rec_

#차트 블록 연결하기

참고: 페이지 필터 및 연동

#사용자 정의 필드

컬렉션에서 필드를 선택하는 것 외에도 "사용자 정의 필드"를 통해 폼 필드를 생성할 수 있습니다. 예를 들어, 드롭다운 단일 선택 필드를 만들고 옵션을 직접 정의할 수 있습니다. 자세한 방법은 다음과 같습니다.

  1. "사용자 정의 필드" 옵션을 클릭하여 설정 화면이 나타납니다. 20251031173833
  2. 필드 제목을 입력하고, “필드 유형”에서 “선택”을 선택하고 옵션을 설정합니다. 20251031174857_rec_
  3. 새로 추가된 사용자 정의 필드는 대상 블록의 필드와 수동으로 연결해야 합니다. 방법은 다음과 같습니다. 20251031181957_rec_
  4. 설정이 완료되었습니다. 결과는 다음과 같습니다. 20251031182235_rec_

현재 지원되는 필드 유형은 다음과 같습니다:

  • 텍스트 상자
  • 숫자
  • 날짜
  • 선택
  • 단일 선택(Radio group)
  • 복수 선택(Checkbox group)
  • 연결된 레코드(Association)

#연결된 레코드 (사용자 정의 관계 필드)

“연결된 레코드”는 “연결된 테이블의 레코드로 필터링”하는 시나리오에 적합합니다. 예를 들어 주문 목록에서 “고객”별로 주문을 필터링하거나, 작업 목록에서 “담당자”별로 작업을 필터링할 때 사용합니다.

설정 항목 설명:

  • 대상 컬렉션: 선택 가능한 레코드를 불러올 컬렉션을 나타냅니다.
  • 제목 필드: 드롭다운 옵션 및 선택된 태그에 표시될 텍스트(예: 이름, 제목)입니다.
  • 값 필드: 실제 필터링 시 제출되는 값으로, 일반적으로 기본 키 필드(예: id)를 선택합니다.
  • 다중 선택 허용: 활성화하면 여러 레코드를 한 번에 선택할 수 있습니다.
  • 연산자: 필터 조건이 일치하는 방식을 정의합니다(아래 “연산자” 설명 참조).

권장 설정:

  1. 제목 필드는 가독성이 높은 필드(예: “이름”)를 선택하여 사용성을 높입니다.
  2. 값 필드는 필터링의 안정성과 유일성을 보장하기 위해 기본 키 필드를 우선적으로 선택합니다.
  3. 단일 선택 시나리오에서는 보통 다중 선택 허용을 끄고, 다중 선택 시나리오에서는 이를 켜고 적절한 연산자를 함께 사용합니다.

#연산자

연산자는 “필터 폼 필드 값”과 “대상 블록 필드 값” 간의 매칭 관계를 정의하는 데 사용됩니다.

#접기

접기 버튼을 추가하여 필터 폼 내용을 접거나 펼쳐 페이지 공간을 절약할 수 있습니다.

20251031182743

지원되는 설정은 다음과 같습니다.

20251031182849

  • 접었을 때 표시되는 행 수: 접힌 상태에서 표시될 폼 필드의 행 수를 설정합니다.
  • 기본값으로 접기: 이 옵션을 활성화하면 필터 폼이 기본적으로 접힌 상태로 표시됩니다.