activiti explorer跨模板复制流程节点

星痕

发布于 2018-09-12 12:16:12

1.5K0

发布于 2018-09-12 12:16:12

最近的项目是用activiti explorer做流程前端。功能做出来后，经常被用户反馈，说流程页面不好用。画一个流程图后，再画一个，都要重头开始，如果导入及导出，用户又嫌麻烦。用户希望能同时打开多个流程模板页面，将一个模板当前配的节点，复制到另外一个模板中。这个可以做到吗? 答案是肯定的！先找到activiti-explorer的复制粘贴代码通过跟踪代码，找到代码的复制地方。 oryx.debug.js页面中的editCopy为原生的复制代码，而editPaste为粘贴的相关代码怎么改? 考虑使用localStorage将复制的内空存在localStorage，而粘贴时，要将代码从localStorage读取出来。经验证，修改代码如下

 editCopy: function( will_update, useNoOffset ){
        var selection = this.facade.getSelection();
        
        //if the selection is empty, do not remove the previously copied elements
        if(selection.length == 0) return;
        
        this.clipboard.refresh(selection, this.getAllShapesToConsider(selection), this.facade.getCanvas().getStencil().stencilSet().namespace(), useNoOffset);
       
        if( will_update ) this.facade.updateSelection();
        //将复制内容
        localStorage.setItem('flowclipboard', JSON.stringify(this.clipboard));  
       
    },
    
    /**
     * Performs the paste operation.
     */
    editPaste: function(){
         //从  h5中复制内容
         this.clipboard= JSON.parse(localStorage.getItem('flowclipboard'));
         //这个一定要序列化对象才可能，否则getChildShapes报错
         this.clipboard.shapesAsJson= JSON.parse( this.clipboard.shapesAsJson);
        // Create a new canvas with childShapes 
        //and stencilset namespace to be JSON Import conform

其实代码的修改只有三行，一个是将复制的内容转为字符串，存入localStorage，一个是从localStorage读取出来，注意，读取出来时，要转回jSOn对象，在转换过程中，shapesAsJson为一个字符串，需要再转换成JSON对象

 //这个一定要序列化对象才可能，否则getChildShapes报错
         this.clipboard.shapesAsJson= JSON.parse( this.clipboard.shapesAsJson);

至此，功能修改完成，但还有点小问题。粘贴按钮总是要点了复制才有效，不能在页面初始化时，显示，找到修改代码toolbar.js，修改内容如下：

,
        {
            "type" : "button",
            "title" : "TOOLBAR.ACTION.PASTE",
            "cssClass" : "editor-icon editor-icon-paste",
            "action" : "KISBPM.TOOLBAR.ACTIONS.paste",
            "enabled" : localStorage.getItem('flowclipboard')!=''
        },

至此，代码全部成功！

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018.03.17 ，如有侵权请联系 cloudcommunity@tencent.com 删除

其他

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

其他

登录后参与评论

0 条评论

热度