logologo
Get Started
Tutorials
Guide
Development
Plugins
API
Home
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Get Started
Tutorials
Guide
Development
Plugins
API
Home
logologo
Overview

Blocks

Overview

Data Blocks

Table
Form
Details
List
Grid Card
Chart

Filter Blocks

Form

Other Blocks

Action Panel
Iframe
Markdown
JS Block

Block Settings

Data Scope
Layout
Block Linkage Rules
Field Linkage Rules
Sorting Rules
Drag-and-drop Sorting
Block Deletion
Block Title
Form Drafts
Block Height
Form Drafts

Fields

Overview

Generic Settings

Table Column
Detail Form Item
Filter Form Item
Form Item

Specific Settings

Date
File Manager
Sub-form
Select
Picker
Cascade Select
Sub-table
Sub-detail
Title
JS Field
JS Item
JS Column
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
Bulk Edit
Add Child
JS Action
JS Action
Action Permissions

Advanced

Linkage Rules
Event Flow
Variables
RunJS
UI Templates
Previous PageDrag-and-drop Sorting
Next PageBlock Title

#Drag-and-Drop Sorting

#Introduction

Drag-and-drop sorting relies on a sort field to manually reorder records within a block.

:::info{title=Tip}

  • When the same sort field is used for drag-and-drop sorting across multiple blocks, it may disrupt the existing order.
  • When using drag-and-drop sorting in a table, the sort field cannot have grouping rules configured.
  • Tree tables only support sorting nodes within the same level. :::

#Configuration

Add a "Sort" type field. Sort fields are no longer automatically generated when creating a collection; they must be created manually.

When enabling drag-and-drop sorting for a table, you need to select a sort field.

#Drag-and-Drop Sorting for Table Rows

#Sorting Rules Explanation

Assume the current order is:

[1,2,3,4,5,6,7,8,9]

When an element (e.g., 5) is moved forward to the position of 3, only the sort values of 3, 4, and 5 will change: 5 takes the position of 3, and 3 and 4 each move back one position.

[1,2,5,3,4,6,7,8,9]

If you then move 6 backward to the position of 8, 6 takes the position of 8, and 7 and 8 each move forward one position.

[1,2,5,3,4,7,8,6,9]