检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例 */ Studio
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
图5 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍,请参见如何进行设置页面。 构思布局 根据大屏高保真设计或构思,划分基本布局,并拖拽对应的组件到画布中。如何添加组件到画布中,请参见组件管理。 组件设置 为组件对接业务数据、根据大屏互动形式设置交互
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
删除连接器 连接器删除后不可恢复,请谨慎操作。 删除连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“删除”。 在弹出的确认框中,单击“确定”,即可删除连接器。
页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本 如何进行设置页面 如何设置分享码 如何设置Token认证 如何设置内容安全策略 如何进行版本回退 华为云Astro大屏应用分享页Token签名校验使用说明
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
盘古助手可以辅助研发人员编写转换器、更改转换器等。通过盘古助手用户可以轻松获取转换器,提升转换器的易用性。 在盘古助手中,您可以通过直接提问来获取转换器,也可以通过快捷指令来获取对应的转换器。本章节以快捷指令中内容为例,向您介绍如何使用盘古助手。 代码优化 参考新建转换器中操作,新建一个转换器。
作。本章节的操作,均以自定义库为例。 新建自定义库 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.j
选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。华为云Astro大屏应用已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。 图1 选择静态数据
行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。
选择范围时的分隔符:选择日期范围时,中间的分隔符,一般使用“-”。 范围选择时开始日期的占位内容:开始日期输入框中没有选择具体日期时,显示的文字内容。 范围选择时结束日期的占位内容:结束日期输入框中没有选择具体日期时,显示的文字内容。 非范围选择时的占位内容:不是日期范围选择时,显示的文字内容。 日期弹出框设置
费项”页签查询全部待续费资源,对资源进行手动续费的操作。 图2 续费管理 所有需手动续费的资源都可归置到“手动续费项”页签,具体操作请参见如何恢复为手动续费。 找到需要续费的资源,单击操作列的“续费”。 图3 手动续费 进入续费页面,选择需要续费的时长,单击“去支付”。 图4 续费确认
中心。 数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。 图1 选择数据集 按需选择对应的数据集,更多操作请参见数据集管理。 父主题: 数据接入
的颜色。 分隔符:开始时间和结束时间之间的分隔符。 开始时间占位符:开始时间输入框中没有选择具体时间时,显示的文字内容。 图7 删除静态数据中数据时显示的效果 结束时间占位符:结束时间输入框中没有选择具体时间时,显示的文字内容。 弹出框设置 下方弹出框的设置,对时间选择器组件中所有弹出框生效。
颜色。 占位符:没有输入搜索内容时,展示的文字内容。 搜索按钮设置 字体:搜索按钮和按钮字体的大小、颜色等设置。 背景颜色:设置搜索按钮所在区域的背景色。 按钮文本:设置按钮搜索图标后显示的文字。 数据 在数据中,设置搜索框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中
场景一:开发者开发好第一个页面版本后,发布呈现给用户。然后继续开发页面但未开发完,此时用户看到的仍然是处于已发布状态的页面,即第一个版本,不会看到开发者未开发完的页面。 场景二:开发者开发某个大屏页面时,希望回退到历史某个页面版本,具体操作请参见如何进行版本回退。 管理页面版本 开发好某个
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类
华为云Astro轻应用服务视频 介绍如何使用预置模板开发一个调查问卷应用 07:44 使用预置模板开发调查问卷应用 华为云Astro轻应用服务视频 介绍如何将已开发的应用发布到运行环境(生产环境) 07:08 快速发布与部署低代码应用 操作指导 华为云Astro轻应用服务视频 介绍如何创建对象并理解对象间的关联关系
s实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”,可定义发送事件时携带的参数字段。如何为自定义事件添加交互,请参见echarts组件自定义事件交互设置。 图7 自定义事件 自定义动作:echarts组件支持自定义动作,来响应