检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。其中,“{widget}”为自定义组件的名称,如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
{widget}.css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件事件配置项,定义组件事件结构及说明,给全局变量映射使用
boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
i18n.json 文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n":
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中,保存当前组件的高级设置属性信息。
给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状态,可查看各个地区相应状态下的告警数量分布。 实现原理:该场景中将告警状态定义为全局变量,在页面中使用系统预置
静态数据”和自定义接口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里多个组件调用一个公共的请求(请
我的组件 操作场景 在我的组件中,管理系统预置的和自定义组件,如复制组件到其他工作空间、查看组件历史版本、删除组件等。 系统预置的组件,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义组件为例。 请购买“Astro大屏应用专业版”和“Astro大屏应用企业版”实
oCanvas界面。 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。 开启后台分页功能。 图1 开启后台分页 新建全局变量。 后台分页需要搭配全局变量使用,请创建pageSize、offset两个变量(变量名称可自定义),并为变量添加默认值。因
分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~!@#$%^&*()_=+\|[]{};:'",<.>/?-) :单击该图标,可查看设置的分享码。
响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件
系统预置Widget是系统已定义好的Widget,可直接拖拽到开发页面使用。更多关于预置组件的介绍,请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget,通常开发过程是选择系统预置的Widget模板下载到本地,本地开发好后再上传到组件库中,详情请参见自定义组件说明和自定义组件开发规范。
连接器名称:输入新建连接器的名称,长度为1~32个字符,可包括中文、字母、数字及下划线。 类型:选择连接器类型,便于管理连接器。单击“新建类型”,可自定义连接器类型。 上传图标:单击,可设置连接器显示的图标。 描述:新建连接器的描述信息,可按需进行设置。 请求协议:设置连接器请求协议。 域名
我的库 操作场景 在我的库中,管理系统预置的和用户自定义的库,如添加库、查看库历史版本等。 系统预置的库,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义库为例。如何自定义库,请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。如何自定义桥接器,请参见自定义桥接器。 查看桥接器模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
输入的分享码,必须符合如下五个条件: 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~!@#$%^&*()_=+\|[]{};:'",<.>/?-) 设置完成后
基本概念 工作空间 每一个工作空间,都对应一个新的AstroCanvas。通过创建工作空间,可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widg