目前提供的基础类型控件分别有string、number、boolean、object、array类型。 string控件：满足一般的文本输入。 number控件：满足一般的数字输入。 boolean控件：开关控件，支持设置布尔值。 object控件：支持结构体格式输入，具有多层嵌套能力。 arra

查看更多 →

树形控件 使用场景 将JSON数据以树的形式进行展示，可做单选多选的操作。 组件图标： 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 数据唯一标识 树节点唯一标识 input输入框 - - √ 2 父子关联选中 是否启用关联选中 switch开关

查看更多 →

输入不能为空，且输入值必须在0到32之间。 主按钮颜色：设置主按钮的颜色。 主按钮边框颜色：设置主按钮的边框颜色。 主按钮文本颜色：设置主按钮的文本颜色。 控件外观 控件间距：设置控件间的距离，支持输入也支持通过和进行输入设置。 说明： 输入不能为空，且输入值必须在0到32之间。 控件圆角：设置控件间的弧度，支持输入也支持通过和进行输入设置。

查看更多 →

控件类型 表单控件类型 1. 使用默认crd.yaml文件自动生成表单 由CRD中定义的openAPIV3Schema字段规定CR中可配置的参数以及这些参数的类型、范围，应用在创建CR的时候通过YAML文件指定这些参数。 2. 使用自定义csd.yaml文件生成表单 自动生成的创

查看更多 →

]。 文本颜色：默认为黑色，可自定义修改。 按钮形态：设置按钮形态，支持“实心”、“轮廓线”和“文本”三种形态。 按钮主题：提供主要按钮”、“次要按钮”和“警示按钮”是三种常见的按钮类型，每种按钮都有其特定的用途和视觉特征。 主要按钮：表示界面中最主要或最重要的操作，如提交表单、

查看更多 →

时以数据绑定的值为准。 显示名称：按钮展示的名称。 类型：设置按钮的类型。 大小：设置按钮的大小。 鼠标悬停时展示：鼠标悬停时，展示的文字。 形状：设置按钮的形状。 选择图标：系统预置的按钮图标。 图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。 移动端配置

查看更多 →

按钮 按钮组件用于提交表单或者单击触发事件，例如提交审批结果、单击按钮触发另一个事件等场景。 在表单开发页面，从“基础组件”中，拖拽“按钮”组件至表单设计区域，如图1。 按钮属性配置完成后，需要在“按钮触发”页签定义该按钮的实现方法，即设置按钮触发的事件以及映射参数。 图1 按钮

查看更多 →

√ 3 禁用 按钮是否为禁用状态 开关 关/开 关 √ 属性详解 按钮名称 可以自定义按钮名称。 按钮类型 按钮样式类型。 禁用 正常状态：可单击。 禁用状态：不可单击。 高级事件 表2 高级事件 序号 事件名 触发条件 说明 1 onClick 单击按钮 单击按钮后触发JS方法或绑定的API接口

查看更多 →

按钮 按钮组件用于提交表单或者单击触发事件，例如提交审批结果、单击按钮触发另一个事件等场景。 在表单开发页面，从“基础组件”中，拖拽“按钮”组件至表单设计区域，如图1。 按钮属性配置完成后，需要在“按钮触发”页签定义该按钮的实现方法，即设置按钮触发的事件以及映射参数。 图1 按钮

查看更多 →

机房设备最多可以绑定20条告警信息，绑定告警后，如出现绑定的告警，指标控件图标的颜色会渲染成告警级别最高的颜色。 设置控件图标设置 若选择的控件为门磁或状态控件，单击“设置”，按照规划设置“实时值”和“状态图标”。 若选择的控件为门磁或者状态控件以外的其它控件，单击“自定义”，在“选择图片”对话框中执行有以下操作：

查看更多 →

单选按钮 单选按钮组件用于在有限的选项中选择其中某一个选项，例如选择性别、年龄段等场景。 在表单开发页面，从“基础组件”中，拖拽“单选按钮”组件至表单设计区域，如图1。 图1 单选按钮 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。 标题加粗：是否打开开关，默认关闭状态。

查看更多 →

快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。 内容：按钮显示文字，如保存。 默认文字：按钮显示文字的字体、文字粗细、文字大小、文字颜色。 默认背景色：处于默认状态下的背景色。 悬浮文字颜色：鼠标悬浮在按钮上时，按钮显示文字的颜色。 悬浮背景色：鼠标悬浮在按钮上时，按钮的背景色。

查看更多 →

自定义控件 基于CRD自动生成表单的基础能力控件已经能很好的呈现表单输入，但是为了对用户更友好，更好的表达字段的含义以及隐藏一些非面向用户的字段，因此引入了x-descriptors描述符来定义自定义的控件。 x-descriptors描述符主要用于specDescriptors

查看更多 →

复选按钮 复选按钮组件用于一次性选择多个选项， 例如收集用户兴趣爱好时，可选用该组件。 在表单开发页面，从“基础组件”中，拖拽“复选按钮”组件至表单设计区域，如图1。 图1 复选按钮 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。 标题加粗：是否打开开关，默认关闭状态。

查看更多 →

快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。 内容：按钮显示文字，如保存。 默认文字：按钮显示文字的字体、文字粗细、文字大小、文字颜色。 默认背景色：处于默认状态下的背景色。 悬浮文字颜色：鼠标悬浮在按钮上时，按钮显示文字的颜色。 悬浮背景色：鼠标悬浮在按钮上时，按钮的背景色。

查看更多 →

建页面。 从左侧组件库中，拖拽按钮组件到中间设计区域，在右侧属性面板设置按钮属性。 单击“规则配置”，在左侧栏选择“触发方式 > 按钮触发”。 选择触发按钮和设置需要执行的动作。如图1。 按钮触发：选择当前表单中需要触发的按钮。 设置动作：选择按钮需要触发的动作，包含“更新当前事件”、“触发后续事件”。

查看更多 →

复选按钮 复选按钮组件用于一次性选择多个选项， 例如收集用户兴趣爱好时，可选用该组件。 在表单开发页面，从“基础组件”中，拖拽“复选按钮”组件至表单设计区域，如图1。 图1 复选按钮 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。 标题加粗：是否打开开关，默认关闭状态。

查看更多 →

单选按钮 单选按钮组件用于在有限的选项中选择其中某一个选项，例如选择性别、年龄段等场景。 在表单开发页面，从“基础组件”中，拖拽“单选按钮”组件至表单设计区域，如图1。 图1 单选按钮 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。 标题加粗：是否打开开关，默认关闭状态。

查看更多 →

建页面。 从左侧组件库中，拖拽按钮组件到中间设计区域，在右侧属性面板设置按钮属性。 单击“规则配置”，在左侧栏选择“触发方式 > 按钮触发”。 选择触发按钮和设置需要执行的动作。如图1。 按钮触发：选择当前表单中需要触发的按钮。 设置动作：选择按钮需要触发的动作，包含“更新当前事件”、“触发后续事件”。

查看更多 →

表单控件 基础控件 自定义控件 父主题： 配置表单控件

查看更多 →

修改按钮样式 用谷歌浏览器打开模板页面，键盘按F12打开调试页面，鼠标点击下图中的1指示的位置，然后点击2指示的地方，找到3所在id "sendBtn",复制到模板代码中全局搜索，找到页面元素和样式代码，修改按钮样式代码。 图1 页面元素代码 图2 按钮样式代码 父主题： 定制实例

查看更多 →