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

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是视图模板的一部分。如果要将视图方法附加到“外部”元素操作，则必须使用jQuery在视图的init方法中进行绑定：

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