使用场景
当需要根据点击按钮的行为触发某些动作时,如确定、提交、取消等动作,您可以选择使用按钮组件。
使用说明
-
支持设置按钮样式。
-
按钮往往和动作绑定,您可在事件中配置与事件组件绑定的动作,动作可由JS设置(页面JS和全局JS),也可由逻辑流构成。
使用示例
在页面编排画布中,为清空和提交表单按钮设置不同的样式,且提交按钮配置了点击时的事件。在低代码开发平台中,创建订单表单新增当月订单信息,包含订单ID(必填)、订单详情、订单创建时间(必填,格式 YYYY-MM-DD)、用户ID(必填)、商品ID(必填)五个字段,底部放置清空和提交按钮。选中提交按钮,在右侧属性面板的事件页签中,于动作设置区域为 onClick 鼠标点击 事件绑定函数 button_onClickl46td7jg。
在逻辑流面板您可以看到执行该动作的逻辑流详情。在逻辑流面板中,选中提交–点击时事件处理函数,其逻辑流程依次为:触发点击事件后执行新订单构建,通过排他网关判断订单信息是否填写完整,若填写不完整则提示订单信息填写不完整,若满足默认条件则依次执行新增订单信息、提示提交成功和更新显示列表。
该文章对您有帮助吗?