检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
页面间交互 操作场景 页面间交互是指在不同页面中,进行的相互跳转动作。可跳转同一项目中的任一页面,或跳转外部页面。在跳转项目内部页面时,用户可设置跳转携带相关参数。 同项目不同页面之间的跳转 当项目场景较多,一屏无法完全涵盖所有内容或需要额外查询时,为了性能考虑,通常会采取传递参
图2 新建分页全局变量 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“切换分页时”交互动作。 图3 切换分页时交互动作 添加“切换当前页数据条数时”交互动作。 图4 切换当前页数据条数时交互动作 设置组件数据。 选中组件,单击组件上方的。 选择所需的数据类型。
购买AstroCanvas实例 在使用AstroCanvas前,您需要购买一个AstroCanvas实例。AstroCanvas实例是一个独立的资源空间,所有的操作都是在实例内进行,不同实例间的资源相互隔离。 AstroCanvas提供了“Astro大屏应用基础版”、“Astro
式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget
阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发,支持私有化部署。 变更实例 表2 变更实例约束与限制 限制项 约束与限制 变更AstroCanvas实例规格 仅支持从低规格套餐升级到高规格套餐,不支持降级。 开放区域 表3 AstroCanvas开放区域约束与限制
化,降低技术门槛,让业务人员可快速完成配置。AstroCanvas当前支持如下几种类型的数据集,其与数据源、转换器和目录之间的关系,如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API,初始化组件通用能力,负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API,负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
图层管理 视图切换 组件图层位置移动 筛选组件类型
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关 radio 单选 checkbox 多选 颜色类型 colorpicker 颜色选择器 时间日期类型 time
复选框 复选框是文本组件的一种,用于选择一个或多个选项。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“复选框”组件至画布空白区域,如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 操作步骤 参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件
访问项目 操作场景 访问已发布项目版本的第一个页面。访问前,请先新建项目版本并发布该项目版本。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击对应项目上的。 在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如
租户管理员参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 将鼠标放在页面右上方的“默认团队空间”上,选择新建工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额,单击“确定”。 例如,输入页面数为
趋势 趋势是文本组件的一种,用于展示数据变化的趋势。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“趋势”组件至画布空白区域,如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
搜索框 搜索框是文本组件的一种,用于搜索内容。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“搜索框”组件至画布空白区域,如图1。 图1 搜索框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas平台主题颜色 如何设置分享码 如何进行版本回退 如何设置Token认证 AstroCanvas分享页Token签名校验使用说明
面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 在组件详情页面,可查看组件的描述信息、变更历史和包信息。 预览组件模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管
自定义的事件名为“sendSelect”,必须配置。 须知: 需要在组件“.js”文件逻辑代码中,使用“Studio.registerEvents()”方法注册该事件,并使用“thisObj.triggerEvent()”方法触发该事件。 desc 事件的中英文描述,可描述事件的具体场景、作用,必须配置。