Question

当用户点击图表构建器中的节点时，我希望以不同的方式对事件做出反应。

我知道如何创建自定义节点（我在stackoverflow上找到了讨论），但我不知道如何覆盖用户点击节点时调用的代码。

我尝试扩展“自定义节点”示例：

 Y.DiagramNodeCustom = Y.Component.create({
    NAME: 'diagram-node',

    ATTRS: {
        type: {
            value: 'custom'
        },
    },
    on: {
  render: function(event) {                        alert('render node');                      
     },
      click: function(event) {                        alert('click node');                    
     },
      select: function(event) {                        alert('select node');                      
     }

    },

    EXTENDS: Y.DiagramNodeTask
});

......但没有运气

谁能告诉我如何替换点击事件监听器？

Answer 1

您可以更改库中的功能

_onNodeClick: function(event) {
    var instance = this;
    //get the object
    var diagramNode = A.Widget.getByNode(event.currentTarget);
    //mark as selected
    instance.select(diagramNode);
    //open edit pannel
    instance._onNodeEdit(event);

    event.stopPropagation();
},

AlloyUI：对图表生成器中的节点点击事件做出反应

1 个答案: