需求说明
使用列表、图表等组件时,需要针对某个字段信息进行筛选或搜索,该实践将使用单行输入组件搭建列表的搜索栏。
实践方案
1. 在页面编辑器中拖入一个数据列表组件,绑定所需数据模型,生成列表。


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


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

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


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

