下拉单选 下拉单选组件用于在下拉列表中选择某一个选项，支持自定义选项内容。例如选择性别、请假类型、产品名称、产品类型等场景。 在表单开发页面，从“基础组件”中，拖拽“下拉单选”组件至表单设计区域，如图1。 图1 下拉单选 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。

查看更多 →

下拉单选 下拉单选组件用于在下拉列表中选择某一个选项，支持自定义选项内容。例如选择性别、请假类型、产品名称、产品类型等场景。 在表单开发页面，从“基础组件”中，拖拽“下拉单选”组件至表单设计区域，如图1。 图1 下拉单选 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

按钮样式类型 下拉选择框 主要、文本、告警、提示、成功、危险 - √ 3 禁用 按钮是否为禁用状态 开关 关/开 关 √ 属性详解 按钮名称 可以自定义按钮名称。 按钮类型 按钮样式类型。 禁用 正常状态：可单击。 禁用状态：不可单击。 高级事件 表2 高级事件 序号 事件名 触发条件

查看更多 →

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

查看更多 →

下拉选择框 下拉选择框组件可以作为下拉框表单在应用中使用。 在表单设计页面，从“常用组件”中，拖拽“下拉选择框”组件至表单设计区域，如图1所示。 图1 拖拽下拉选择框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。

查看更多 →

下拉多选 下拉多选组件用于在下拉列表中一次性选择多个选项，支持自定义选项内容。 在表单开发页面，从“基础组件”中，拖拽“下拉多选”组件至表单设计区域，如图1。 图1 下拉多选 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。 标题加粗：是否打开开关，默认关闭状态。

查看更多 →

下拉多选 下拉多选组件用于在下拉列表中一次性选择多个选项，支持自定义选项内容。 在表单开发页面，从“基础组件”中，拖拽“下拉多选”组件至表单设计区域，如图1。 图1 下拉多选 属性 字段标题：该字段在页面呈现给用户的名称，默认名称为该字段类型名称。 标题加粗：是否打开开关，默认关闭状态。

查看更多 →

在配置中，设置输入框和下拉弹出框。 图4 配置 下拉选择框设置 开启多选：开启后，支持自定义默认选项。 默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。

查看更多 →

下拉框 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 在标准页面设计界面，从“基本组件 > 表单”中，拖拽“下拉框”组件至页面工作区域，如图1。 图1 下拉框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2

查看更多 →

在配置中，设置输入框和下拉弹出框。 图4 配置 下拉选择框设置 开启多选：开启后，支持自定义默认选项。 默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

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

查看更多 →

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

查看更多 →

页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →