是否可以在AlloyUI中使用自定义连接器

Question

AlloyUI新手在这里，我想在使用YUI框架的一些基本知识时会遇到麻烦。 我正在使用AlloyUI 3.0.1，但仍使用YUI和AngularJS。

问题是：是否有一种方法可以在AlloyUI中基于“每个自定义节点”创建自定义连接器？

目标是能够为每个定制节点具有不同的定制连接器（具有一组单独的定制属性）。 例如，假设我有2个自定义节点A和B，并且我希望节点A-A使用一种类型的自定义连接器进行连接，而B-B使用另一种类型的连接器进行连接。 这可能吗？

我能够使用自定义属性等创建自定义节点，如下所示：

  service.getScriptContainer = function(Y) {
    var scriptContainer = Y.Component.create({
        NAME: 'diagram-node',
        ATTRS: {
          //..custom properies,
            connectors : {
                valueFn : function(){
                    return ConnectorFactory.getScriptConnector(Y);
                }
            }
        },
        EXTENDS: Y.DiagramNodeTask,
        prototype: {
          .....
}

其中ConnectorFactory是AngularJS工厂，它返回类型为'A.Connector'的对象。

使用此功能时，我可以将自定义节点拖放到画布上，但是当我尝试在其上使用连接器连接到另一个节点时，控制台中出现错误：

Uncaught TypeError: undefined is not a function at line 920: aui-diagram-node.js

这是：

 return instance.get('connectors').has(transition.uid);

..这就是迷路的地方。

我可以扩展“ A.connector”并在“每个自定义节点”的基础上使用它吗？ 如果是这样，怎么办？

任何帮助表示赞赏！

谢谢。

Answer 1

我认为至少我应该指导您进行调查（如果没有答案）：

您可以（重新）编写自己的aui-diagram-builder-connector.js并通过applyConfig“替换/劫持旧版本”-类似这样：

YUI().use('aui-diagram-builder', function(Y) {

    /* your code */

}).applyConfig({ /* her we "hijack" default aui-diagram-builder-connector file  */
       modules: {
             "aui-diagram-builder-connector": {
                    fullpath: '/js/aui-diagram-builder-connector-mine.js' /* use relative path and minified version if possible */
             }
       }
});

这将为内置的必需模块加载新文件，因此您在保持旧文件不变的同时拥有最大的自由度：）

这一次救了我一次，我希望它也可以救别人：D

花了我一整天才找到它:(

Answer 2

我对此进行了测试，但是在DiagramBuilder中从未加载或使用cpied /js/aui-diagram-builder-connector-mine.js。

最好的祝福