如何向AlloyUI图生成器添加自定义节点和属性

如前所述，到目前为止您所做的一切听起来都不错。

我认为您只是缺少一些CSS才能看到您的节点。你可以看到它在这里工作

查看CSS面板

.aui-diagram-node-custom .aui-diagram-node-content {   }.aui-diagram-node-custom-icon {   }

注意： 从Alloy-2.0.0pr6开始，css类不再以 aui-
作为前缀，因此在开始使用较新版本时请记住这一点。我在这里整理了一个例子

编辑： 为了能够向编辑器面板公开新属性，自定义字段需要扩展

getPropertyModel

getPropertyModel: function() {    var instance = this;    var model = Y.DiagramNodeTask.superclass.getPropertyModel.apply(instance, arguments);    model.push({        attributeName: 'customAttr',        name: 'Custom Attribute'    });    return model;}

在这里您可以找到更新的示例