单击组 vis.js 时间轴上的事件答案

【问题标题】：Click event on groups vis.js timeline单击组 vis.js 时间轴上的事件
【发布时间】：2022-11-18 08:17:23
【问题描述】：

我需要在组上添加一个事件（点击），每次我点击一个组，它应该打开一个新页面，我通读了 vis.js 时间线文档，我没有看到任何组事件处理，只有一个事件点击项目而不是组。项目的点击事件：

 timeline.on("click", function (properties) {  
        // Check if an item was clicked on
        if (properties.item){
          // An item was clicked, get the item from dataset
          const item = items.get(properties.item);
          console.log('click event - title:', item.title); 
        }
    });

有没有我不知道的 visjs 方法？或者有什么方法可以在组中添加事件侦听器？ ps：我没有嵌套组。

【问题讨论】：

标签： javascript vis.js vis.js-timeline

【解决方案1】：

对于任何想知道这个问题的解决方案的人，可以使用时间线选项 groupTemplate 和 groupEditable 来完成：

var options = {
        groupTemplate: function(group) {
            var container = document.createElement('div');
            var label = document.createElement('span');
            label.innerHTML = group.content;
            container.insertAdjacentElement('afterBegin',label);
            label.addEventListener('click',function() {
                // add instructions here
            });
            return container;
          },
          groupEditable: true
    };

【讨论】：