检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
配置 在配置中,设置组件的页签样式、导航页签和默认路由。 图4 路由导航(示例)配置 页签样式统一配置 页签方向:设置页签的显示方向,如水平方向、垂直方向。 位置:设置页签的位置,支持默认和自定义两种方式。 快捷设置:设置页签的显示位置,如居左、居右或居中。“位置”设置为“默认”时,才显示该配置。
面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。 设置桥接器预置数据。 图2 设置桥接器参数 桥接器数据类型:桥接器的数据源类型,支持“静态数据”和自定义接口“AstroZero API”。 URL:配置为
选中水平基本柱图组件,单击组件上方的,“参考模板”为“蓝色渐变不排序”,并设置组件标题为“告警处理情况统计”。 图4 选择蓝色渐变不排序模板 图5 配置标题 选中水平基本柱图组件,单击组件上方的,打开“水平堆叠”开关,并将所有数据系列中的“数据标签”设置为“上”。 图6 打开水平堆叠开关 选中水平基本柱
在添加成员页面,选中待添加的成员,单击“确定”。 (可选)设置成员权限使用期限,默认为“永久有效”。 例如,将已添加成员主管的到期时间设置为2024年6月30日。到期后,如果需要继续使用,请重新添加成员并为其授权。 图2 设置到期时间 父主题: 创建工作空间
其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按
单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。 图14 分享码设置 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。
后台排序需要搭配全局变量使用,请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,
后台筛选需要搭配全局变量使用,请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,
在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”,获取项目编辑权限。 在左侧菜单栏中,选择“项目变量”,单击“添加变量”。 设置新建变量的参数,单击“确定”。 图1 添加变量 变量:输入新建项目变量的
在所有页面中,单击待发布为模板的页面。 单击“编辑页面”,进入大屏开发页面。 在大屏开发页面,单击,选择“发布为模板”。 填写模板名称和模板描述,单击“发布”。 模板名称的长度不能超过60个字符,且只能包含字母、数字、汉字及特殊符号“-”或“_”。 图1 发布自定义页面模板 发布完成后,本租户下的其他用户登录As
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下,设置后效果如图1所示。 { type: 'textarea', name: 'commProps.myTextarea', value:
于对资源进行隔离。 为工作空间添加成员:为工作空间添加成员,只有在空间中的成员,才能在该空间下执行创建项目、页面等操作。 设置工作空间页面配额:为工作空间设置页面配额,超过页面配额后将无法再新建页面。 创建项目 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理
仅在list首项展示一次label。 设置为true时,只有list中第一项展示list label。 设置为false时,每一项都展示label。 showIndex Boolean 否 showIndex: true label末尾显示计数。 设置为true时,label末尾进行计
Astro大屏应用专业版:5个。 Astro大屏应用企业版:100个。 项目 表5 AstroCanvas项目约束与限制 限制项 约束与限制 项目名称 长度不能超过1~64个字符。 由中文、字母、数字或下划线组成,但不能以下划线开头或结尾。 页面 表6 AstroCanvas页面约束与限制 限制项
zh_CN: "选中选项", en_US: "Choose Select item", }); 其中,“事件描述”(第三个参数)可以设置为String或者多语言对象。 registerAction 一般用于在初始化阶段注册动作,只有通过此API注册后的事件才会在组件的动作列表中展现。使用方式参考如下:
savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中,保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno.
在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如何新建项目版本并发布,请参见发布及安装项目。 图1 发布版本 设置项目访问限制。 图2 设置项目访问限制 按照项目限制:项目中页面首次完成验证后,其余页面无需二次验证。例如,页面A、B、C设置了Token认证,页面D、E、F设置了分享码。勾
value: false, }, ], }, ], }, 图2 设置后效果 表1 组件配置项说明 字段 类型 示例 说明 migrateFrom String migrateFrom: "advancedSettings"
selectConfObj) { return this.vm.selectConfObj.selectValue; } }, // 设置组件双向绑定的值 setInputWidgetValue: function (value) { this.vm.selectConfObj