检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero标准页面表格组件属性 表格是一个组合组件,与模型绑定之后,可以提供快速构建基本表单能力,包括查询、保存、重置能力。同时,支持用户根据实际业务需求,进行二次修改编排。
汇总值 汇总值组件用于对表单中某些字段数据或者记录总数进行数量汇总,即求和。在报表编辑页面,拖拽“汇总值”组件到中间区域,右侧可设置组件属性。 图1 汇总值 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 数据 统计规则:选择统计规则。
选中“保存”按钮,修改“显示名称”为“搜索”,设置单击“事件”页签,再单击,删除“提交表单”事件,然后单击“点击”后的“+”,进入事件编排页面,在“自定义动作”中,输入以下事件代码,单击“创建”。
表单提交 API:_form.formSave() _form为已获取的表单组件。API内部实现已先进行表单校验,校验成功后进行提交保存操作。 表格类 获取当前表格 API:context.$component.table 如果当前组件为表格,则直接返回。
表单校验:当组件在表单中时,可对组件进行一些校验配置。当且仅当组件在表单中时,校验才生效。 必填:是否设置为必须填入值。 必填错误信息:在绑定了对象模型且下拉框放置于表单组件中,当设置必填时,输入值为空的情况下,提示的错误信息。
在标准页面设计界面,从“基本组件 > 表单”中,拖拽“上传”组件至页面工作区域,如图1。 图1 上传 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
在发起流程中,单击表单后的。 图3 单击复制 在弹出的确认对话框中,单击“确认”。 当前版本不支持附件类型字段值的复制。 在弹出的页面中,设置流程名称、日期和描述,单击“提交”,即可完成流程的复制。 图4 设置流程信息 父主题: 使用工作流让数据流程高效流转
图1 添加列表视图组件 再从“表单”中,拖拽一个输入框到列表视图中。 图2 添加输入框 选中列表视图组件,在“属性 > 移动端配置”中,将“默认数据条数”设置为“5”,并开启“显示加载文字”和“异步加载”。 图3 移动端设置 为组件绑定数据。
图4 单击编辑应用 在导航设置中,单击待修改表单后的,选择“编辑”。 图5 单击编辑 在表单编辑页面,根据业务需求,进行定制,完成后单击“保存”。 分享表单。 在应用页面右下方,单击,选择对应的表单,进入表单填报页。 图6 选择表单 单击分享图标,选择对内部用户分享。
创建AstroZero高级页面 标准页面主要用于后台管理类的表格表单类的开发,而高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面。您可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。
从Excel创建表单:在Excel中设计好表单字段结构及相关数据,通过导入方式快速实现表单构建。 创建流程表单:在出差审批申请、工单派发流程等场景中,需要多个角色人员按流程分步骤互相协作,这时可使用创建流程表单来实现。
创建工作表 创建空白表单 从Excel创建表单 新建外部链接 零码组件介绍 表单管理
单击“提交新组件”,进入提交新组件页面。 单击“请选择源文件(.zip)”,选择商品列表组件包commodityListWidget.zip,输入发行说明为“commodityListWidget”,单击“提交”。 创建CommodityDisplay高级页面。
单击二维码中的“生成海报”,可将流程表单生成海报,具体操作请参见将表单生成海报。 对外公开分享:分享给匿名用户进行访问,匿名用户扫码后,无需登录,即可访问并填报表单页。 图3 对外公开分享 打开:在新窗口打开填报。 复制:复制链接分享给匿名用户填报。
将左侧基本组件区的“表单”拖拽到右侧页面中。 因为当前还没有定义数据源,单击“取消”,创建一个空的表单控件。 拖拽一个“分栏”到表单中。 选中“分栏”,在右侧单击PC下的单行图标,修改分栏为1栏,再单击“新增行”的,修改为2个分栏,每个分栏中有1栏。
从左侧基本组件列表区中,拖拽1个“表单”到“页面内容”中。 因为当前还没有定义数据源,在“元数据表单配置向导”弹窗底部,单击“取消”,创建一个空的表单控件。 图3 拖拽一个空表单 拖拽1个“容器”到“表单”。 拖拽1个“分栏”到“容器”。 修改“分栏”为1栏(1行1列)。
表单:使用表单或页面启动BPM。选择该项时,需要配置具体的表单、标准页面或高级页面。 一般选择“自定义”,当BPM由表单或者页面启动时,选择“表单”类型。 选中“Star”开始图元,设置开始类型,一般选择“自定义”。当BPM由表单或者页面启动时,选择“表单”类型。
图12 切换到设计视图组件列表 将左侧组件区的“表单”拖拽到右侧“页面内容”中,在“元数据表单配置向导”弹窗底部,单击“取消”,创建一个空的表单控件。 当前不单独定义数据源,因此需要单击“取消”数据绑定。 图13 拖拽表单到页面并取消数据绑定 组装参数区域。
复制表单 工作流中存在BPM表单时,另存为工作流时是否同步复制表单。 单击工作流设计页面的空白处,再单击,在“BPM 运行态配置 > BPM表单管理”中可查看表单信息。如何创建BPM表单,请参见创建标准表单。 默认为选中,即另存工作流时同步复制表单。
通过AstroZero中的脚本实现表单的提交限制功能 在开发前端页面时,可以在脚本中为表单添加一些提交限制,来提升用户体验和数据的安全。