javascript - meteor d3.js 通信事件

Question

我正在使用meteor-d3-force.js示例:Realtime Reactive D3 Force Layout Graph using Meteor JS。

我在 meteor 应用程序中有一个 d3 代码。我想向 d3 定义的元素添加事件处理程序，例如:

d3.select(#element).on("click",remove()).

然后，我想在 meteor 中实现一些类似的目标

// When the element changes, delete
// the element.

Template.chat.events({
'change #element': function () {
Messages.remove(this._id);
}
 });

Answer 1

我的解决方案:使用 event.target.id 我可以访问 svg 元素的 baseVal 并使用它来更新数据库:

 Template.body.events({

    "click .circle-type1": function (event) {
     // removes Node also from mongod by _id
     Nodes.remove(event.target.id);
   }
  });

使用console.log(events)进行检查；

圆圈是在 d3.js 中以典型方式创建的，并且有一个

.on("点击",remove())

已附加处理程序。总的来说，我得到的功能是:我可以添加或删除 meteor template.events 中的元素，而且还可以在使用事件函数更新集合时删除单击 d3.js 元素，如图所示。