检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API,初始化组件通用能力,负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API,负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
registerConnector:用来定义桥接器。 Studio.registerEvents:用于注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下: thisObj:当前组件实例对象,指为该组件注册事件。 eventName:事件名称,应该与触发事件API中的第一个参数保持一致。
{ if (cbk) { this._super(); cbk(); } }, }); // 注册组件,必填 window.Studio.registerWidget('EchartsWidgetTemplate', 'EchartsWidgetTemplate'
data中。 fields[0].desc 变量的中英文描述,可选配置。 在组件的“global_SelectWidget.js”文件中,注册名称为“sendSelect”的事件。 示例代码如下: var global_SelectWidget = StudioWidgetWrapper