检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何通过全局变量,实现组件数据的动态变化 在华为云Astro大屏应用中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。
全局变量名=值”,给页面全局变量赋值,查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题: 全局变量
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
项目级全局变量 华为云Astro大屏应用中的全局变量包括项目级全局变量和页面级全局变量两种。项目级全局变量是整个项目中所有页面都可以使用的变量,当项目中页面较多且各页面会使用同一个变量时,通过创建项目变量,可以提高开发效率,提升易用性。页面级全局变量仅针对当前页面生效。
如何基于页面级的全局变量实现组件交互 华为云Astro大屏应用支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。
发布为全局模板 页面开发完成后,可将已开发好的页面发布为全局模板。在下次创建页面时,可直接使用该模板创建新的页面,减少重复开发,提高交付效率。 前提条件 发布为全局模板时,请确保该页面中仅使用了全局资产(全局组件、库、静态数据)。
当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。 例如,在如何基于页面级的全局变量实现组件交互开发的页面中,在“多区域折线图”组件上方单击,配置组件交互事件。
唐老师将自己对网络的理解分享给大家 智能客服 您好!
单击“交互事件”,选择“选中值发生变化时触发”事件,单击“响应动作”,选择“赋值全局变量”,在“赋值到变量”下拉框中单击“新建全局变量”,新建全局变量“status”,将事件的输出变量(如“selectValue”)赋值给页面级的全局变量“status”,单击“确定”后,单击“完成
在响应动作中,单击“+ 响应动作”,选择“赋值全局变量”。 在动作详情中,单击“赋值到变量”后的,选择“新建全局变量”。 图4 选择新建全局变量 “变量”设置为“seriesName”,“变量说明”设置为“系列名称”,单击“保存”。
父主题: 全局变量
图1 开启后台分页 新建全局变量。 后台分页需要搭配全局变量使用,请创建pageSize、offset两个变量(变量名称可自定义),并为变量添加默认值。因为在触发分页或改变每页数量时需要使用上述两个变量,所以需要一个初始值,否则无法执行到数据配置。
在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击,再单击。
设置项目锁 项目锁是一个全局锁,页面锁是局部锁。项目被锁定后,项目中的所有页面均无法编辑。 为项目设置锁 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。
图7 定义全局变量field 图8 查看$pageStore $pageStore.setItems([{key:'id',value:'123'}]):批量更新全局变量。其中,key为全局变量名,value为全局变量的值。 图9 全局变量 获取组件对象并操作组件 获取组件。
通过参数控制响应动作 在设置组件交互动作时,可以通过选择事件参数、全局变量或固定值,明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作,新建一个大屏项目。
图2 页面设置 全局变量设置 华为云Astro大屏应用支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值,详情请参见全局变量。 全局变量中的作用次数,用于统计该全局变量被使用了多少次。单击作用次数下的具体次数,可查看该全局变量的作用域。
图2 开启后台排序 新建全局变量。 后台排序需要搭配全局变量使用,请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。
图2 开启后台筛选 新建全局变量。 后台筛选需要搭配全局变量使用,请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件,单击组件上方的。
eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。