# 下拉框

当选项过多时,使用下拉菜单展示并选择内容。

# 属性

# 基础

基础

# 编辑框

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

  • 高度: 编辑框高度。

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

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

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

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

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

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

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

基础

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

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

    • 高度: 选中标签高度。

    • 行高: 选中标签行高。

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

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

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

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

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

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

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

基础

# 标签

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

  • 标签内容: 标签内容。

  • 标签位置:

  • 标签宽度: 标签宽度。

  • 标签行高: 标签行高。

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

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

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

  • 字体: 标签字体样式。

基础

# 数据

# 静态数据

基础

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

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

# 数据资源

基础

# 交互

# 选中值改变事件

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

# 数据响应

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

# 节点编程

# 事件

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

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

# 动作

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

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

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

    • 接收的参数:  null
Last Updated: 7/29/2022, 5:42:45 PM