文档中心>腾讯云微搭低代码>实践教程>表单场景实践指南>利用表单组件搭建列表的筛选或搜索功能

利用表单组件搭建列表的筛选或搜索功能

最近更新时间:2024-03-20 11:31:52

我的收藏

需求说明

使用列表、图表等组件时,需要针对某个字段信息进行筛选或搜索,该实践将使用单行输入组件搭建列表的搜索栏。

实践方案

1. 在页面编辑器中拖入一个数据列表组件,绑定所需数据模型,生成列表。



2. 在列表顶部放入一个单行输入组件,更名为搜索。



3. 数据列表组件的数据筛选属性设置。
左值:客户名称字段。
判断符:包含。
右值:开启表达式,写入:$w.单行输入组件id.value



4. 完成以上配置,预览配置效果:输入内容,即可对列表数据进行筛选或搜索。
4.1 未输入搜索内容时,展示全部数据。



4.2 输入搜索内容后,展示出符合条件的数据。