正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
树形控件 使用场景 将JSON数据以树的形式进行展示,可做单选多选的操作。 组件图标: 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 数据唯一标识 树节点唯一标识 input输入框 - - √ 2 父子关联选中 是否启用关联选中 switch开关
页签 使用场景 将各类物料组件拖入进标签页组件中,分隔内容上有关联但属于不同类别的数据。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认页签 第一个展示选项卡的名称 下拉选择框 选项卡中非禁用、非隐藏的页签项 - √ 2
BOX(盒子) 使用场景 布局容器,内置插槽,可以拖入所有的组件元素,方便对页面进行布局、管理。 组件图标: BOX组件 组件在画布中的展示。 图1 BOX组件 父主题: 容器组件
表单组件 按钮 单选框 多选框 输入框 选择器 时间选择器 日期选择器 选人组件 父主题: IPD组件
状态管理 插件介绍 状态管理插件用于管理页面的状态(变量),状态可以在多处地方使用。 页面状态state和应用状态global都是响应式的数据,状态管理面板对响应式变量进行管理,包含添加、删除、搜索和编辑。 页面状态和应用状态的区别在于: 页面状态针对当前的页面(局部变量)。 应
查看日志 在集成SDK后,在启动及运行过程中可能会出现错误,此时通过查看日志排查错误。 常见的错误有: 密钥相关的配置不正确,获取不到公钥信息。 密钥配置不正确或token失效,token检验失败。 父主题: 常用调试方法
状态标识 使用场景 为功能添加状态时使用,共可以选择三种状态,成功、失败和告警。 组件图标: 基本属性 表1 基础信息 序号 属性 说明 设置器类型 可选值 默认值 支持变量绑定 1 类型 选择不同类型的标识 select选择框 - 成功 √ 属性详解 类型 共有三种类型标识可选,不同状态标识展示不同颜色按钮。
弹框 使用场景 提供弹框功能,里面插槽可拖入任意组件,用来做遮罩层弹框展示。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 弹窗标题 弹窗左上角文字编辑 input输入框 - 弹窗 √ 2 展示弹窗 是否让弹窗展示 switch开关
绑定API 在服务定义中新增API 请参考服务定义进行操作,“基本信息”中驱动方式选择“API”。 为事件绑定API 在Workflow中的服务定义中创建好API后,即可回到UI编辑器页面完成对API的绑定。 选中画布中已有的组件元素。 在右侧“高级”设置面板中,鼠标移至添加按钮
折叠面板 使用场景 用于需要折叠、隐藏高度受限的内容。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 标题 折叠面板显示的标题 代码编辑框 - { "en_US": "Collapse Panel", "zh_CN": "折叠面板"
文本展示 使用场景 展示文本或者展示超链接进行页面跳转。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 文本内容 文本展示中的内容 代码编辑器 - - √ 2 启用超链接 文本展示是否为超链接 开关 关/开 关 √ 3 文本宽度
帮助文档 使用场景 以角标的形式,给当前功能添加提示,具有帮助指引的功能。当鼠标悬停在图标上时,会显示提示信息。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 帮助文档提示 填写需要提示用户的文字 文本编辑器 - - √ 2
按钮 使用场景 页面中承载操作的控件,如确认、提交、取消或下载等操作,也可用于表单表格中的操作。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 按钮名称 按钮中间显示的文本内容 多语言输入框 - 按钮 √ 2 按钮类型 按钮样式类型
表单 使用场景 以表单的形式展现多种类型数据。 组件图标: 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 选择模型 用于选择数据模型 模型选择器 - - √ 2 表单布局 设置表单布局 select选择器 具体见下 - √ 3 只读 控制表单内部只显示文字,不显示输入框
表格 使用场景 表格用来规整数据,将数据以表格的形式合理化展示。 组件图标: 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 选择模型 用于选择数据模型 模型选择组件 - - √ 2 只读 只读只显示数据,不可编辑操作表格 switch开关
多选框 使用场景 提供多选场景,多个数据可选择,且可自动配置多选数据。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 多个选项时,控制默认值是什么,且下拉列表的值可以多选 select选择框 选项属性添加选项后,默认值从中选择
变量绑定及使用 将变量与组件绑定 在画布中选中组件,然后在右侧属性设置面板中,选择需要绑定变量的配置项,单击变量绑定按钮,进入“变量绑定”页面。 图1 绑定变量 选择左侧“State属性”(页面状态)或“应用状态”,在中间选择框中选择已添加好的变量,单击“确定”。 图2 变量绑定
栅格布局(列容器) 使用场景 通过基础的24分栏结构,迅速简便地创建栅格布局。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 占据的列数 栅格占据的列数 数字输入框 1-24 - √ 2 左侧间隔格数 栅格左侧的间隔格数 数字输入框
选人组件 使用场景 选人组件可以配合后台,搜索、添加、删除单个成员或多个成员。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 默认选中人员 input输入框 - - √ 2 占位符 输入框占位文本 input输入框
绑定国际化词条 在多语言绑定器中绑定 选中一个支持多语言属性绑定的组件(这里用按钮举例)。 单击右侧的,打开多语言绑定面板,在下拉框中搜索并选择在国际化插件中,已经新增好的国际化词条。 图1 绑定国际化词条 在变量绑定中绑定 国际化词条不仅可以在支持多语言绑定器中实现绑定,也支持在“变量绑定”中绑定国际化词条。