正在生成
详细信息:
检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
"value": "bold" } ], "value": "normal" } 颜色选择器 表4 颜色选择器参数说明 字段名 是否必选 参数类型 描述 value 是 String 颜色选择器所选择的值。 示例如下: 1 2 3 4 5 6 7 { "label": "Color"
时间选择器 本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。
自定义控件 基于CRD自动生成表单的基础能力控件已经能很好的呈现表单输入,但是为了对用户更友好,更好的表达字段的含义以及隐藏一些非面向用户的字段,因此引入了x-descriptors描述符来定义自定义的控件。 x-descriptors描述符主要用于specDescriptors
publishedEndpoint: 'http://kafka-1wppvf-broker.default.svc.cluster' 父主题: 自定义控件
配置Descriptor控件时,需要确保在csd.yaml中增加的path字段路径,以v1版本为例,需要和crd中的对应的openAPIV3Schema.properties.spec.properties内的path路径一致,否则会出现控件不生效的情况。 密码输入框 该控件支持先隐藏已输入的密码。
时间选择器 使用场景 展示时间,可以精确到时分秒,也可设置一个时间段供用户选择。 组件图标: 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 设置默认时间 时间选择器 - - √ 2 只读 是否设置时间只读 switch开关 开/关
在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型:支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体:输入框中字体的大小、颜色等设置。 输入框背景颜色:设置输入框背景颜色。 边框颜色:设置输入框边框的颜色。
尺寸位置 全局样式 背景颜色:日期选择器的背景颜色,用户自定义。 边框颜色:日期选择器的边框颜色,用户自定义。 样式:边框的呈现类型,包含实线、虚线、电划线。 宽度:边框的宽度设置。 圆角:边框的圆角设置。 字号:设置进度条的字体大小。 颜色:设置进度条字体颜色。 格式化:设置日期呈现的格式。
选择器 使用场景 在页面中供用户选择多个数据,展示形式是下拉列表。 组件图标: 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 下拉框默认选中值 select选择框 - - √ 2 多选 设置下拉框是否可多选 switch开关 开/关
设置。 控件圆角:设置控件间的弧度,支持输入也支持通过和进行输入设置。 字段标签:设置字段标签的在控件的位置,支持设置为左侧和上方。 控件描边:支持控件边框颜色设置,当勾选框时,用户可以自定义控件边框颜色,当不勾选时,无法进行颜色设置。 控件填充:控件支持有颜色和无颜色填充设置。
日期选择器 日期选择器组件用于记录时间信息,适用于填写出差、加班日期时间等场景。 在表单设计页面,从“常用组件”中,拖拽“日期选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面,从“常用组件”中,拖拽“日期范围选择器”组件至表单设计区域,如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
日期范围独立展示 日期选择器选择范围时是否支持选单个日期 switch开关 - - √ 15 禁用日期 日期选择器设置禁用状态 代码编辑器 - - √ 16 快捷项 快捷操作,给日期选择器创建快捷事件 collapse新增按钮 - - √ 属性详解 日期类型 设置日期选择器的类型,需特别
使用状态选择器 使用说明 在样式选择器右侧,还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后,您此时编辑样式面板,就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。
机房设备最多可以绑定20条告警信息,绑定告警后,如出现绑定的告警,指标控件图标的颜色会渲染成告警级别最高的颜色。 设置控件图标设置 若选择的控件为门磁或状态控件,单击“设置”,按照规划设置“实时值”和“状态图标”。 若选择的控件为门磁或者状态控件以外的其它控件,单击“自定义”,在“选择图片”对话框中执行有以下操作:
控件类型 表单控件类型 1. 使用默认crd.yaml文件自动生成表单 由CRD中定义的openAPIV3Schema字段规定CR中可配置的参数以及这些参数的类型、范围,应用在创建CR的时候通过YAML文件指定这些参数。 2. 使用自定义csd.yaml文件生成表单 自动生成的创
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
目前提供的基础类型控件分别有string、number、boolean、object、array类型。 string控件:满足一般的文本输入。 number控件:满足一般的数字输入。 boolean控件:开关控件,支持设置布尔值。 object控件:支持结构体格式输入,具有多层嵌套能力。 arra
树形控件 使用场景 将JSON数据以树的形式进行展示,可做单选多选的操作。 组件图标: 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 数据唯一标识 树节点唯一标识 input输入框 - - √ 2 父子关联选中 是否启用关联选中 switch开关