logologo
Get Started
Guide
Development
Plugins
API
English
简体中文
Get Started
Guide
Development
Plugins
API
English
简体中文
logologo
Overview

Blocks

Overview

Data Blocks

Table
Form
Details
List
Grid Card
Chart

Filter Blocks

Form

Other Blocks

Action Panel
Iframe
Reference block
Markdown
JS Block

Block Settings

Data Scope
Layout
Block Linkage Rules
Field Linkage Rules
Sorting Rules
Block Deletion
Block Title

Fields

Overview

Generic Settings

Table Column
Detail Form Item
Filter Form Item
Form Item

Specific Settings

Date
File Manager
Sub-form
Select
Picker
Sub-table
Sub-detail
Title
JS Field
JS Item
JS Column

Field Settings

Default Value
Field Label
Show Label
Field Tooltip
Data Scope
Field Component
Number Format
Pattern
Required
Title Field
Validation Rules
Association Field

Actions

Overview

Action Settings

Edit Button
Double Check
Assign Values
Bind Workflow
Edit Popup
Action Linkage Rules

Action Types

Add New
View
Delete
Edit
Import
Import Pro
Export
Export Pro
Export Attachments
Filter
Link
Pop-up
Refresh
Submit
Trigger Workflow
Update Record
Bulk Update
JS Action
Action Permissions

Advanced

Linkage Rules
Event Flow
Variables
RunJS
Previous PageTable
Next PageDetails

#Form Block

#Introduction

The Form block is an important block for building data entry and editing interfaces. It is highly customizable, using corresponding components to display the required fields based on the data model. Through event flows like linkage rules, the Form block can dynamically display fields. Additionally, it can be combined with workflows to trigger automated processes and handle data, further improving work efficiency or implementing logic orchestration.

#Add Form Block

  • Edit form: Used to modify existing data.
  • Add form: Used to create new data entries.

20251023191139

#Block Settings

20251023191448

#Block Linkage Rule

Control block behavior (such as whether to display it or execute JavaScript) through linkage rules.

20251023191703

For more details, see Block Linkage Rule

#Field Linkage Rule

Control form field behavior through linkage rules.

20251023191849

For more details, see Field Linkage Rule

#Layout

The Form block supports two layout modes, which can be set via the layout attribute:

  • horizontal: This layout displays the label and content in a single line, saving vertical space, suitable for simple forms or cases with less information.
  • vertical (default): The label is placed above the field. This layout makes the form easier to read and fill out, especially for forms with multiple fields or complex input items.

20251023193638

#Configure Fields

#Fields of this Collection

Note: Fields from inherited collections (i.e., parent collection fields) are automatically merged and displayed in the current field list.

20240416230739

#Other Fields

20251023192559

  • Write JavaScript to customize the display content and show complex information.

20251023192935

#Configure Actions

20251023193231

  • Submit
  • Trigger workflow
  • JS action
  • AI Employee