提问 发文

搜索框组件实现海量数据检索

微微菌

| 2024-08-21 10:26 60 0 0

一、预览效果


二、实现逻辑

在搜索框组件中,通过添加自定义事件,配置事件类型、触发条件和动作,实现查询的效果。可以用于在业务系统海量数据源里进行数据检索。



三、操作步骤

1️⃣ 首先,添加搜索框组件,在【样式】--->【全局】中修改占位符,并在【文字】--->【提示文字】中修改占位符的大小。(默认占位符为Search...)

图片
调整搜索框样式

2️⃣ 任意添加几个其他组件,调整位置和大小,并设置默认隐藏。本文中以基本折线图和基本环图为例。

图片
给除搜索框外所有组件设置默认隐藏

3️⃣ 给【搜索框】添加自定义事件

图片

事件1:事件类型选择【文本内容改变时】,并设置条件,匹配动作为显示基本折线图

图片
事件1配置
图片
事件1动作触发条件

事件2:事件类型选择【文本内容改变时】,并设置条件,匹配动作为显示基本环图。

图片
事件2配置
图片
事件2动作触发条件

注意⚠️:设置条件时,字段名要保持一致。

图片

4️⃣ 完成以上配置后,在右上角对整体效果进行预览。

图片

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群