检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本，在前端页面实现对象数据的增加和删除。例如，在标准页面中增加或删除一条数据时，标准页面关联的对象中，数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4
所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单的理解就是全局状态，可理解为页面中所有组件的共享状态，不管组件在页面的哪个位置或层级，任何组件都能获取状态或触发状态改变的动作。全局状态相当于全局变量，属性是私有的，需要在组件的js文件中，使用预置的“this
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题： 高级页面
通过宏实现AstroZero高级页面间组件的交互 操作场景 页面间组件的交互，除了需要事件-动作机制，还需要用到低代码中的页面宏。本章节通过具体示例，为您介绍页面间组件交互的方法。如图1所示，高级页面Page1中包含示例组件widgetEventTemplate，高级页面Page
路由导航和路由视图组合使用，可实现路由导航以及展示当前生效路由对应的页面内容（如图1）。一个页面只支持放置一个路由导航和一个路由视图组件。 图1 页面预览效果 使用预置的路由导航和路由视图组件 在使用路由导航和路由视图组件时，当前使用该组件的页面和路由导航关联的页面布局类型必须为“流式
如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。
通过事件动作实现AstroZero高级页面内组件的交互 操作场景 AstroZero低代码平台为组件设计了事件-动作机制，实现组件与组件、组件与页面之间的交互。 事件是应用在运行时，页面内发生的动作或者用户执行的操作（例如单击组件、组件加载等）。 动作是响应事件后，按照设定的方式，对
在属性中，设置自定义背景框组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。 宽度：组件的宽度，单位为px。 高度：组件的高度，单位为px。
基本柱图组件用于实现柱状图的图表统计。 在高级页面设计器中，单击，从“图表 > 柱状图”中，拖拽“基本柱图”组件到画布中，如图1所示。 图1 基本柱图 属性 在属性中，设置基本柱图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置
在属性中，设置文本组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。 宽度：组件的宽度，单位为px。 高度：组件的高度，单位为px。
图表位置/横坐标(%)：图表位置到组件左侧的距离占组件高度的百分比。 图表位置/纵坐标(%)：图表位置到组件顶侧的距离占组件高度的百分比。 图表形状/直径：图表的直径。 水波/水波颜色：水波的颜色。 水波/水波背景色：水波的背景颜色。 水波/波纹振幅：水波浪的振幅。 水波/显示双波纹：是否显示双波纹。
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时，可以在脚本中为表单添加一些提交限制，来提升用户体验和数据的安全。例如，在脚本中定义一个延迟时间（如图1），在规定的时间内提交表单时，提示“Submission failed: Not PortalUser
图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置
组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。 宽度：组件的宽度，单位为px。 高度：组件的高度，单位为px。 堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。
参考配色模板：系统预置的基本饼图模板，单击即可切换样式。可选择某一模板重置，也可通过设置各配置项得到想要的效果。 默认：常规的基本饼图模板。 带标签：带标签的基本饼图模板。 组件标题：设置组件的标题。 内容：设置组件标题的文本内容。 位置选择：设置组件标题的文本位置。 背景色：设置标题的背景色。
组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。 宽度：组件的宽度，单位为px。 高度：组件的高度，单位为px。 堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”，数字越大，显示越靠前。当需
距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。 宽度：组件的宽度，单位为px。 高度：组件的高度，单位为px。 堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。
标记样式/标记的图形：可以设置标记的图形形状。 标记样式/标记的大小：可以设置标记的图形大小。 标记样式/折线拐点标志颜色：折线拐点标志的颜色。 折线样式/宽度：折线的宽度。 折线样式/线的类型：折线的类型。 折线样式/不透明度：折线的透明度。 折线样式/颜色：折线的颜色。 区域填充样式/不透明度：折线内区域填充的透明度。
组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。 宽度：组件的宽度，单位为px。 高度：组件的高度，单位为px。 堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。
散点图配置效果 数据系列：对数据属性（数据的标记图形、标记的大小、标记颜色、散点图标是否设置阴影等）进行一系列配置。单击“+”，可添加数据系列。当数据系列的设置数多于实际数据时，多于的数据系列不显示。 标记的图形：散点或者气泡标记的图形。 标记的大小：散点标记的大小。气泡图没有该参数且不支持改标记大小。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
