输入框组件

更新时间:2021-07-23

过滤组件如何对图表数据进行过滤,详见过滤组件关联图表

输入框 Suggestion 设置

输入框可以绑定 suggestion 数据来对输入进行提示,可达到这这样的效果:

图片

如输入框可以绑定数据来对输入进行提示,数据建模方式配置如下:

其中「取值字段」为最要提示的数据,「搜索词过滤字段」是对「取值字段」进行限定的,例如下图中,在输入框中输入东北,则会过滤出「取值字段」中属于东北的省份。可以设置搜索词的筛选方式,默认为模糊匹配。

图片

SQL 建模方式配置如下:

图片

API 拉取方式绑定数据请参照「各种过滤组件的 API 格式要求」。

如果选择 SQL 建模方式绑定过滤条件数据,需要先建立 SQL 模型并绑定字段到过滤条件,SQL 模型相关请参见「SQL 模型」。

在 SQL 建模的使用中,如果要获取输入框的 suggestion 的搜索词,需要使用特殊字段{searchStr} 来获取搜索词,例如建模如下(强烈建议 SQL 中加入limit来控制 suggestion 的条数):

图片

用户在输入文字时,停顿时间超过该设定的「suggestion 拉取延迟」时,才会重新拉取 suggestion 的数据,停顿时间默认为 200ms。

本页内容