# 下拉框
当选项过多时,使用下拉菜单展示并选择内容。
# 属性
# 基础
基本属性: 同组件管理 -> 属性 -> 基本属性
尺寸: 组件尺寸。
- 大
- 中
- 小
- 超小
是否多选: 是否开启多选。
# 编辑框
背景颜色: 编辑框背景颜色。
高度: 编辑框高度。
字体颜色: 编辑框字体颜色。
字体大小: 编辑框字体大小。
字体粗细: 编辑框字体粗细。
字体: 编辑框字体样式。
边框颜色: 编辑框的边框颜色。
边框宽度: 编辑框的边框宽度。
边框类型: 编辑框的边框类型。
选中标签样式: 选中标签样式设置。
背景颜色: 选中标签背景颜色。
高度: 选中标签高度。
行高: 选中标签行高。
字体颜色: 选中标签字体颜色。
字体大小: 选中标签字体大小
字体粗细: 选中标签字体粗细。
字体: 选中标签字体样式。
边框颜色: 选中标签边框颜色。
边框宽度: 选中标签边框宽度。
边框类型: 选中标签边框类型。
# 标签
显示标签: 是否显示标签。
标签内容: 标签内容。
标签位置:
- 左
- 右
- 上
标签宽度: 标签宽度。
标签行高: 标签行高。
字体颜色: 标签字体颜色。
字体大小: 标签字体大小。
字体粗细: 标签字体粗细。
字体: 标签字体样式。
# 数据
# 静态数据
上图中的示例JSON
代码如下:
[
{
"label": "选项一",
"value": "option1"
},
{
"label": "选项二",
"value": "option2"
},
{
"label": "选项三",
"value": "option3"
}
]
# 数据资源
# 交互
# 选中值改变事件
勾选启用,开启选中值改变事件。当下拉框组件选中数据时,绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值,触发数据请求,查询相关数据,更新组件。具体配置请参考组件交互。
# 数据响应
下拉框支持数据响应配置。
# 节点编程
# 事件
选中值改变事件: 选中值改变时触发事件。
- 抛出的参数: 改变后下拉框的数据。
# 动作
设置选中值: 可重新设置选中值。
- 接收的参数: 新的选中值。
清空选中值: 可清空选中值。
- 接收的参数: null
重置选中值: 可重置设置选中值。
- 接收的参数: null