按钮组件 按钮组件通常与其他组件配合使用， 用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。

查看更多 →

按钮组件如何在画布内居中 设置“按钮”组件在画布内居中，具体操作如下： 在“页面构建”页面，从左侧组件库拖拽“容器”组件至画布内。 从左侧组件库拖拽“按钮”组件至画布中的“容器”组件内。 在画布中选中“容器”组件，在右侧属性部分，选择“水平对齐方式”为“居中”。 图1 设置按钮组件

查看更多 →

按钮 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“按钮”组件至页面工作区域，如图1。 图1 按钮 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过

查看更多 →

按钮 按钮组件是自定义页面设计中一个非常重要的元素，它允许用户通过单击触发一个动作。 在左侧组件区域，选择“按钮”组件，并拖拽至设计区域，如图1所示。 图1 拖拽按钮组件到设计区并设置属性 基础配置 文本：输出按钮显示的内容。输入内容不得超过32个字符。 文本大小：设置按钮文本大

查看更多 →

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

查看更多 →

设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数

查看更多 →

按钮触发 用于通过自定义按钮触发业务操作。 使用说明 最多可以创建5个按钮触发规则。 如需编辑已有按钮触发规则，需先禁用该规则。 同一个按钮组件仅支持设置一次规则。 操作步骤 登录圆桌，在页面右上角单击“轻应用构建”，进入“轻应用构建”平台。 在“我的模板集”首页，单击已创建的模

查看更多 →

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

查看更多 →

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

查看更多 →

按钮的事件效果。 通过自定义JS代码编排事件 通过手动编写JS代码，实现按钮的事件逻辑。系统支持在手动编写JS代码时，进行代码联想提示；系统封装了一些常用功能的接口，并将其中典型接口做成模板，您可以从左侧拖动相关模板至右侧事件定义区域，直接使用。 在标准页面开发界面，选中按钮组件。

查看更多 →

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

查看更多 →

2拖入自定义组件所示。 设置组件的属性，分别修改两个组件的文本内容为显示搜索和关闭搜索，如图23设置自定义组件属性所示。 图23 拖入自定义组件 图24 设置自定义组件属性 图25 设置自定义组件属性 在组件的事件上添加动作，选择组件右侧属性面板的事件，单击右侧的按钮，在弹出的编辑动作框中选择“内置动作

查看更多 →

插件”页签。 找到需要更新的组件（例如userLogin），单击组件所在行右侧的，进入组件详情页。 图1 页面设置下的组件列表 单击“更新”，进入组件更新页面。 图2 选择更新按钮 单击“上传”，上传本地的组件zip包，再单击“更新”。 图3 更新组件 在“插件”页签，单击，获取锁。

查看更多 →

配置表单元数据 选中表单按钮，单击“完成”。 图7 配置表单功能 设置“表单”组件样式“字体”为“16px”，下外边距为“20px”。 图8 设置“表单”组件样式 当前页面未使用“分栏”组件，因此删除表单组件中所有的“分栏”组件，只保留包含按钮组件的“容器”组件。 图9 容器组件 在左侧面板

查看更多 →

绑定事件 在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例：

查看更多 →

”页签，找到需要更新的组件（例如userLogin），单击组件所在行右侧“查看详情”，进入组件详情页。 图4 页面设置下的组件列表 如果页面图标高亮，则需要先单击解锁页面。 单击“更新”按钮进入组件更新页面。 图5 选择更新按钮 单击“上传”，上传本地的组件zip包，再单击“更新”。

查看更多 →

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

查看更多 →

只可下载。 在标准页面组件中，引用库。 新建一个标准页面，页面标签和名称为“page01”，如图5新建标准页面。 图4 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图6配置按钮组件所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图7新增库所示。

查看更多 →

录制按钮操作定制 buildRecordMenuItems 接口描述 该接口用于定制录制状态栏是否支持点击。 图1 可定制位置 注意事项 不返回item就不支持点击。 方法定义 1 - (NSArray <HWMConfStatusBarMenuItem *> *)buildRecordMenuItems;

查看更多 →

录制按钮操作定制 buildRecordMenuItems 接口描述 该接口用于定制录制状态栏旁的录制按钮是否隐藏。 图1 可定制位置 注意事项 暂时只支持录制右侧按钮隐藏，不返回item就不显示。 方法定义 1 - (NSArray <HWMStatusBarItemModel

查看更多 →

您可以在插件栏的物料面板中，将组件拖拽至中心画布内进行页面设计。您还可以单击选中画布中的组件，右键直接在画布中插入组件，添加父级，删除组件，复制组件及绑定事件。 右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。

查看更多 →