主题
文本搜索框
在很多查询系统中,需要根据用户主动输入的信息来查找数据,如快递、外卖、售票、员工系统等。这些场景可以使用文本搜索框来实现。
文本搜索框能够快速筛选出符合输入条件的数据,支持模糊搜索、精确搜索、以分隔符分别搜索等多种搜索方式。
添加文本搜索框
在仪表盘中添加文本搜索框。 1.在仪表盘中,点击新建过滤器->过滤器,创建一个新的过滤器,调整过滤器大小和位置。 2.选择过滤字段所在的数据集,然后拖入需要筛选的字段。
提示
文本搜索框支持对文本、数字、时间类型进行搜索
3.设置文本搜索框默认值。
- 自定义文案: 文案指没有输入搜索项时文本搜索框内显示的内容,支持用户自定义或使用默认值。
- 默认搜索内容:设置文本框默认搜索的内容,并展示相应的搜索结果。
- 匹配方式:包括模糊搜索、精确搜索、以分隔符分别搜索。
- 模糊搜索指使用 like 模糊匹配的方式进行搜索,搜索时仅匹配一个选项。 模糊搜索示例中,
order 00 12
代表查找同时包含order
、00
和12
的订单编号对应的数据信息。 - 精确搜素指精准的搜索相应文本框中的内容。示例中
order 00 12
代表查找订单编号等于order 00 12
时的数据信息。 - 以分隔符分别搜索指在搜索中可以搜索多个选项,每个选项之间用分隔符分开。示例中
order 00 12
代表查找包含order
或00
或12
的订单编号对应的数据信息。
- 模糊搜索指使用 like 模糊匹配的方式进行搜索,搜索时仅匹配一个选项。 模糊搜索示例中,
- 分隔符:支持空格、分号、换行三种。 在模糊搜索和以分隔符分别搜索中需要使用分隔符。
- 搜索执行方式:支持使用回车执行搜索和实时搜索。
4.设置文本搜索框样式,包括标题和展示样式。
文本搜索框示例
下面是文本搜索框在员工表系统中的应用示例,用户可以通过输入姓名和员工号来查找员工信息。
文本搜索框使用说明
文本搜索框支持以下功能设置。