搜索框

搜索框是常用的一种交互组件，在可视化应用中可以添加搜索框组件，通过交互配置实现数据过滤搜索。

效果案例

配置

基础属性

组件位置：包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

组件尺寸：包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。比例锁默认不锁定。

旋转：以组件的中心为中心点，进行旋转，单位为度（°）。手动输入角度值，控制组件的旋转角度；

• 单击图标，控制组件左右翻转样式；
• 单击图标，控制组件上下翻转样式。

透明：取值范围为0~100%。为0%时，组件隐藏；为100%时，组件完全显示。默认为100%。

组件属性

圆角：搜索框的圆角大小。

提示文本

提示内容：为输入搜索内容时，搜索框提示的文字内容。

文本样式：提示文本的文本样式。

输入文本

输入内容的文本样式。

边距：

• 上边距：搜索框内容距离边框的上边距。
• 右边距：搜索框内容距离边框的右边距。
• 下边距：搜索框内容距离边框的下边距。
• 左边距：搜索框内容距离边框的左边距。

  背景

  搜索框的背景颜色。

  边框

  颜色：搜索框边框颜色。

宽度：搜索框边框宽度。

选中颜色：激活搜索时搜索框边框颜色。

图标

位置：搜索图标在文字左侧或右侧。

间隔：与文字的间隔。

颜色：搜索图标的颜色。

大小：搜索图标的大小。

外阴影

搜索框外阴影配置。

内阴影

搜索框内阴影配置。

数据

组件数据格式

交互

支持配置输入完成事件。当搜索框输入内容完成时（回车、失去焦点、点击等，都属于输入完成），触发交互事件：设置大屏变量、打开超链接、设置可见、设置JS事件。
例：
添加事件：

• 输入完成时
• 条件为(当前组件)value=(自定义)””
• 动作配置为：设置大屏变量“变量1”=组件数据“value”。将报表数据模型参数配置为表达式“{变量1}”。（通过参数，过滤出不同参数值对应的数据）

输入“云表单”时，报表显示云表单对应的数据：