# 下拉框

# 属性

# 基础

  • 组件标题: 用于在图层中显示组件的名称。1.1+

  • 组件尺寸: 组件的宽度和高度,单位为px

  • 组件位置: 组件在大屏中的位置,通过横纵坐标来定义,单位为px

  • 旋转角度: 组件在图层中的旋转角度。

  • 透明度: 组件的透明度。

  • 尺寸: 组件尺寸。

    • 超小
  • 是否多选: 是否开启多选。

基础

# 编辑框

  • 背景颜色: 编辑框背景颜色。

  • 高度: 编辑框高度。

  • 字体颜色: 编辑框字体颜色。

  • 字体大小: 编辑框字体大小。

  • 字体粗细: 编辑框字体粗细。

  • 字体: 编辑框字体样式。

  • 边框颜色: 编辑框的边框颜色。

  • 边框宽度: 编辑框的边框宽度。

  • 边框类型: 编辑框的边框类型。

基础

  • 选中标签样式: 选中标签样式设置。

    • 背景颜色: 选中标签背景颜色。

    • 高度: 选中标签高度。

    • 行高: 选中标签行高。

    • 字体颜色: 选中标签字体颜色。

    • 字体大小: 选中标签字体大小

    • 字体粗细: 选中标签字体粗细。

    • 字体: 选中标签字体样式。

    • 边框颜色: 选中标签边框颜色。

    • 边框宽度: 选中标签边框宽度。

    • 边框类型: 选中标签边框类型。

基础

# 标签

  • 显示标签: 是否显示标签。

  • 标签内容: 标签内容。

  • 标签位置:

  • 标签宽度: 标签宽度。

  • 标签行高: 标签行高。

  • 字体颜色: 标签字体颜色。

  • 字体大小: 标签字体大小。

  • 字体粗细: 标签字体粗细。

  • 字体: 标签字体样式。

基础

# 数据

# 静态数据

基础

上图中的示例JSON代码如下:

[
    {
        "label": "选项一",
        "value": "option1"
    },
    {
        "label": "选项二",
        "value": "option2"
    },
    {
        "label": "选项三",
        "value": "option3"
    }
]

# 数据资源

基础

# 交互

# 选中值改变事件

勾选启用,开启选中值改变事件。当下拉框组件选中数据时,绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值,触发数据请求,查询相关数据,更新组件。具体配置请参考组件交互。

# 数据响应

下拉框支持数据响应配置。

# 节点编程

# 事件

  • 选中值改变事件: 选中值改变时触发事件。

    • 抛出的参数:  改变后下拉框的数据。

# 动作

  • 设置选中值: 可重新设置选中值。

    • 接收的参数:  新的选中值。
  • 清空选中值: 可清空选中值。

    • 接收的参数:  null
  • 重置选中值: 可重置设置选中值。

    • 接收的参数:  null