本文章系列将会记录在做kityminder二次开发过程中,遇到的问题以及解决方法
有同事反馈需要脑图能够支持类似于xmind中的节点中的跳转的功能,但是实际上节点目前支持的链接方式只是支持跳转到外部的链接上去而已,并不能够支持节点间跳转的功能。
思考
其实想要实现这个功能,并不是很复杂,因为我们想要一个逻辑,只要在待跳转的节点中,定义好需要跳转到节点的id的数据,然后我们需要有个图标响应点击操作,其实整个流程就非常的顺理成章了。
定义一个图标
关于图标的定义可能需要参考下关于测试结果中图标的定义,我们可以看下这块是如何去声明一个图表出来的。
pass = new kity.Path().setTranslate( - 10, -10).setPathData("M15.812,7.896l-6.75,6.75l-4.5-4.5L6.25,8.459l2.812,2.803l5.062-5.053L15.812,7.896z").fill("#EEE")
如上就是一个通过图标的定义, 其实就是一个svg的定义即可,所以我们就可以照猫画虎的处理,定义好NodeLinkIcon
var NodeLInkIcon = kity.createClass('NodeLinkIcon', {
base: kity.Group,
constructor: function (value) {
this.callBase()