html流程图可新增删除,给myflow.js流程图框架属性窗口添加删除操作

myflow.js是可视化绘制流程图js类库软件,居于raphael.js修改而成,要删除相关节点可以选中节点后按下delete键执行节点删除操作。但是节点属性窗口并没有添加删除操作按钮,本示例通过修改myflow.js源代码(需要先通过chrome格式化为为非压缩版本的好修改),给点击myflow.js节点后弹出的属性窗口添加删除操作,点击按钮同样可以删除选中的myflow.js节点,效果如下

1814400229.png

myflow.js未压缩版本修改地方,大概781行增加删除操作按钮数据行

for (var l in m) {

e.append("

" + m[l].label + '');

if (m[l].editor) {

m[l].editor().init(m, l, "p" + l, o, g)

}

}

//给myflow.js增加删除操作

e.append('

删除');

myflow.js大概816行添加是否按钮触发删除判断

b(document).keydown(function (i,byButton) {//添加参数byButton

if (!a.config.editable) {

return

}

if (i.keyCode == 46||byButton===true) {//通过delete键或者删除按钮触发

加支付宝好友偷能量挖...

2015-12-28Web开发网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值