给myflow.js流程图框架属性窗口添加删除操作
myflow.js是可视化绘制流程图js类库软件,居于raphael.js修改而成,要删除相关节点可以选中节点后按下delete键执行节点删除操作。但是节点属性窗口并没有添加删除操作按钮,本示例通过修改myflow.js源代码(需要先通过chrome格式化为为非压缩版本的好修改),给点击myflow.js节点后弹出的属性窗口添加删除操作,点击按钮同样可以删除选中的myflow.js节点,效果如下
myflow.js未压缩版本修改地方,大概781行增加删除操作按钮数据行
for (var l in m) { e.append("<tr><th>" + m[l].label + '</th><td><div id="p' + l + '" class="editor"></div></td></tr>'); if (m[l].editor) { m[l].editor().init(m, l, "p" + l, o, g) } } //////////给myflow.js增加删除操作 e.append('<tr id="myflowDelTR"><th>删除</th><td><input type="button" value="删除" onclick="if(confirm(\'确认删除?!\'))jQuery(document).trigger(\'keydown\',true);"/></td></tr>');
myflow.js大概816行添加是否按钮触发删除判断
b(document).keydown(function (i,byButton) {//添加参数byButton if (!a.config.editable) { return } if (i.keyCode == 46||byButton===true) {//通过delete键或者删除按钮触发
点击这里下载修改过的myflow.js示例
加支付宝好友偷能量挖...
原创文章,转载请注明出处:给myflow.js流程图框架属性窗口添加删除操作