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
Next PageOverview

#Block

Blocks are carriers for data and content. They can be placed in a Page, Modal, or Drawer, and multiple blocks can be freely dragged and arranged.

#Block Types

Block Types

  • Data Block: Used to display data from a data source on the interface.
  • Filter Block: Used to take data from a data source as filter conditions to filter other data blocks.
  • Other Block: Used to carry specific or independent content such as workflow to-dos, audit logs, Markdown, etc.

#Add Block

Blocks can be placed in a Page, Modal, or Drawer.

#Blocks in a Page

Currently, the block types in a page include: Data Block, Filter Block, and Other Block.

20251023222441

#Blocks in a Popup (Modal or Drawer)

Popups come in two types: modals and drawers. Like pages, they can also have blocks added. The difference is that form blocks in popups are usually for adding, editing, or viewing a single record. The block types include Data Block and Other Block.

20251023222613

#Block Designer

Each block has three small icons in the upper right corner. From left to right, they are:

  1. Drag & Drop Layout
  2. Event Flow
  3. Block settings

20251023224032

For simple blocks, all configuration options are centralized in 'Block settings', such as the JS Block.

20251023224903

Complex data blocks also provide separate, embedded 'Configure fields' and 'Configure actions'.

20251023225141

In addition, there is flexibility for more nesting possibilities, as seen in the Chart block.

#Block Layout

The layout of multiple blocks can be adjusted by dragging and dropping.

20251029201501