logologo
开始
手册
开发
插件
API
English
简体中文
开始
手册
开发
插件
API
English
简体中文
logologo
概述

区块

概述

数据区块

表格
表单
详情
列表
网格卡片
图表

筛选区块

表单

其他区块

操作面板
Iframe
引用区块
Markdown
JS Block

区块设置项

数据范围
布局
区块联动规则
字段联动规则
排序规则
区块删除
区块标题

字段

概述

通用配置项

表格字段
详情字段
筛选表单字段
表单字段

特有配置项

日期
文件管理器
子表单
下拉选择器
数据选择器
子表格
子详情
标题
JS Field
JS Item
JS Column

字段配置项

默认值
字段标签
显示标签
字段提示信息
数据范围
字段组件
数值格式化
模式
必填
标题字段
验证规则
关系字段组件

操作

概述

操作配置项

编辑按钮
二次确认
字段赋值
绑定工作流
编辑弹窗
操作联动规则

操作类型

新增
查看
删除
编辑
导入
导入Pro
导出
导出pro
导出附件
筛选
链接
打开弹窗
刷新
提交数据
触发工作流
更新记录
批量更新
JS Action
操作权限

进阶

联动规则
事件流
变量
RunJS
Previous Page图表
Next Page操作面板

#筛选表单

#介绍

筛选表单允许用户通过填写表单字段来过滤数据。可用于筛选表格区块、图表区块、列表区块等。

#如何使用

让我们先通过一个简单的例子来快速了解筛选表单的使用方法。假设我们有一个包含用户信息的表格区块,我们希望能够通过筛选表单来筛选数据。像下面这样:

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. 填写字段标题,在字段模型中选择"Select",并配置选项。 20251031174857_rec_
  3. 新添加的自定义字段需要手动关联目标区块的字段,操作方法如下: 20251031181957_rec_
  4. 配置完成,效果如下所示: 20251031182235_rec_

目前支持的字段模型有:

  • Input:单行文本输入框
  • Number:数字输入框
  • Date:日期选择器
  • Select:下拉框,可以配置是单选还是多选
  • Radio group:单选框
  • Checkbox group:多选框

#折叠

添加一个折叠按钮,可以将筛选表单内容进行折叠和展开,节省页面空间。

20251031182743

支持以下配置:

20251031182849

  • 折叠时显示的行数:设置折叠状态下展示的表单字段行数。
  • 默认折叠:开启后,筛选表单默认以折叠状态显示。