如何创建外部按钮来操作单元格

Question

我想要外部按钮可以在图表上执行一些操作。

App.MainView = joint.mvc.View.extend({

    events: {
        'click #multiplyBtn': 'testCell'
    },

    testCell: function() {
        console.log('hi');
        console.log(this.selection);
    },

我试过像这样将它包含在 main.js 中，但它不起作用。

我也尝试设置 jquery 事件处理程序，但我不确定将代码放在哪里，因为我总是得到未定义的选择值

Answer 1

events 散列引用在视图中工作。在您的代码中，它假定 #multiplyBtn 是视图模板的一部分。如果您想将视图方法附加到 "external" 元素操作，您必须使用 jQuery 在视图的初始化方法中进行绑定：

initialize: function () {
  $('#multiplyBtn').on('click', this.testCell.bind(this));
}

如何创建外部按钮来操作单元格

How can I create external button to manipulate the cells

javascript

backbone.js

jointjs

rappid