更新时间:2024-11-04 GMT+08:00
分享

eventConfig

字段介绍

eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。

典型示例

典型的eventConfig示例如下:

// 组件事件配置项,定义组件事件结构及说明,给全局变量映射使用
eventConfig: {
    clickSeries: {
      desc: { zh_CN: '点击系列', en_US: 'Click Series' },
      fields: [
        {
          name: 'seriesIndex',
          desc: { zh_CN: '系列索引', en_US: 'Series Index' },
        },
        {
          name: 'seriesName',
          desc: { zh_CN: '系列名', en_US: 'Series Name' },
        },
      ],
    },
  },
clickSeries字段对应组件{widget}.js文件中,注册的事件id。
window.Studio.registerEvents(this, 'clickSeries', { 
    zh_CN: '点击系列', en_US: 'Click Series' 
});

clickSeries对象中,“desc”是对事件selectItem的解释。“fields”为组件对外暴露的字段及相应描述。相应代码要在{widget}.js中实现如下:

this.echartsInst.on('click', 'series', (event) => {
     thisObj.triggerEvent('clickSeries', event);
});

相关文档