腾讯云微搭低代码 利用表单组件搭建列表的筛选或搜索功能

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

相关产品
腾讯云微搭低代码 产品页,含版本规格、价格与购买入口。

一、实践方案

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

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

3. 数据列表组件的数据筛选属性设置。

·左值:客户名称字段。

·判断符:包含。

·右值:开启表达式,写入:$w.单行输入组件id.value。

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

4.1 未输入搜索内容时,展示全部数据。

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

赞 (0)
上一篇 4天前
下一篇 4天前