基于easyui开发Web版Activiti流程定制器详解（六）——Draw2d的扩展（一）



题外话：

       最近在忙公司的云项目空闲时间不是很多，所以很久没来更新，今天补上一篇！

回顾：

       前几篇介绍了一下设计器的界面和Draw2d基础知识，这篇讲解一下本设计器如何扩展Draw2d。

 

进入主题：

       先看一下扩展的类图：

 其中有颜色标注的类即是扩展类，其中Node、Port、InputPort、OutputPort是Draw2d提供的类，其余都是扩展类。

 这里重点介绍几个核心类以及相关重要的方法，如下：


上图中黄色部分负责生成Activiti流程文件中Task对应的XML片段，所以对于不同类型Task需要实现的方法，例如UserTask，代码如下：

 

Js代码 复制代码 收藏代码
  1. draw2d.UserTask=function(configPropCallback){  
  2.     draw2d.Task.call(this,configPropCallback);  
  3.     this.performerType=null;  
  4.     this.dueDate=null;  
  5.     this.priority=null;  
  6.     this.formKey = null;  
  7.     this.expression=null;  
  8.     this.isUseExpression=null;  
  9.     this.assignee=null;  
  10.     this.candidateUsers=new draw2d.ArrayList();  
  11.     this.candidateGroups=new draw2d.ArrayList();  
  12.     this.formProperties=new draw2d.ArrayList();  
  13.     this.taskListeners=new draw2d.ArrayList();  
  14.     this.setTitle("User Task");  
  15. };  
  16. draw2d.UserTask.prototype=new draw2d.Task();  
  17. draw2d.UserTask.prototype.type="draw2d.UserTask";  
  18. draw2d.UserTask.newInstance=function(userTaskXMLNode){  
  19.     var task = new draw2d.UserTask();  
  20.     task.id=userTaskXMLNode.attr('id');  
  21.     task.taskId=userTaskXMLNode.attr('id');  
  22.     task.taskName=userTaskXMLNode.attr('name');  
  23.     task.setContent(userTaskXMLNode.attr('name'));  
  24.     return task;  
  25. };  
  26. draw2d.UserTask.prototype.getIconClassName = function(){  
  27.     return "user-task-icon";  
  28. };  
  29. draw2d.UserTask.prototype.getStartElementXML=function(){  
  30.     var xml='<userTask ';  
  31.     xml=xml+this.getGeneralXML();  
  32.     xml=xml+this.getPerformersXML();  
  33.     xml=xml+'>\n';  
  34.     return xml;  
  35. };  
  36. draw2d.UserTask.prototype.getEndElementXML=function(){  
  37.     var xml = '</userTask>\n';  
  38.     return xml;  
  39. };  
  40. draw2d.UserTask.prototype.getDocumentationXML=function(){  
  41.     if(this.documentation==null||this.documentation=='')return '';  
  42.     var xml='<documentation>';  
  43.     xml=xml+this.documentation;  
  44.     xml=xml+'</documentation>';  
  45.     return xml;  
  46. };  
  47. draw2d.UserTask.prototype.getPerformersXML=function(){  
  48.     var xml='';  
  49.     if(this.isUseExpression){  
  50.         if(this.expression!=null&&this.expression!=''){  
  51.             if(this.performerType=='assignee'){  
  52.                 xml=xml+'activiti:assignee="'+this.expression+'" ';  
  53.             }else if(this.performerType=='candidateUsers'){  
  54.                 xml=xml+'activiti:candidateUsers="'+this.expression+'" ';  
  55.             }else if(this.performerType=='candidateGroups'){  
  56.                 xml=xml+'activiti:candidateGroups="'+this.expression+'" ';  
  57.             }  
  58.         }  
  59.     }else{  
  60.         if(this.performerType=='assignee'){  
  61.             if(this.assignee!=null&&this.assignee!='')  
  62.                 xml=xml+this.assignee;  
  63.         }else if(this.performerType=='candidateUsers'){  
  64.             for(var i=0;i<this.candidateUsers.getSize();i++){  
  65.                 var user = this.candidateUsers.get(i);  
  66.                 xml=xml+user.sso+',';  
  67.             }  
  68.         }else if(this.performerType=='candidateGroups'){  
  69.             for(var i=0;i<this.candidateGroups.getSize();i++){  
  70.                 var group = this.candidateGroups.get(i);  
  71.                 xml=xml+group+',';  
  72.             }  
  73.         }  
  74.     }  
  75.     if(this.dueDate!=null&&this.dueDate!=''){  
  76.         xml=xml+'activiti:dueDate="'+this.dueDate+'" '  
  77.     }  
  78.     if(this.formKey != null && this.formKey != ""){  
  79.         xml=xml+'activiti:formKey="'+this.formKey+'" ';  
  80.     }  
  81.     if(this.priority!=null&&this.priority!=''){  
  82.         xml=xml+'activiti:priority="'+this.priority+'" '  
  83.     }  
  84.       
  85.     return xml;  
  86. };  
  87. draw2d.UserTask.prototype.getExtensionElementsXML=function(){  
  88.     if(this.listeners.getSize()==0&&this.formProperties.getSize()==0)return '';  
  89.     var xml = '<extensionElements>\n';  
  90.     xml=xml+this.getFormPropertiesXML();  
  91.     xml=xml+this.getListenersXML();  
  92.     xml=xml+'</extensionElements>\n';  
  93.     return xml;  
  94. };  
  95. draw2d.UserTask.prototype.getListenersXML=function(){  
  96.     var xml = draw2d.Task.prototype.getListenersXML.call(this);  
  97.     for(var i=0;i<this.taskListeners.getSize();i++){  
  98.         var listener = this.taskListeners.get(i);  
  99.         xml=xml+listener.toXML();  
  100.     }  
  101.     return xml;  
  102. };  
  103. draw2d.UserTask.prototype.getFormPropertiesXML=function(){  
  104.     var xml = '';  
  105.     for(var i=0;i<this.formProperties.getSize();i++){  
  106.         var formProperty = this.formProperties.get(i);  
  107.         xml=xml+formProperty.toXML();  
  108.     }  
  109.     return xml;  
  110. };  
  111. draw2d.UserTask.prototype.toXML=function(){  
  112.     var xml=this.getStartElementXML();  
  113.     xml=xml+this.getDocumentationXML();  
  114.     xml=xml+this.getExtensionElementsXML();  
  115.     xml=xml+this.getMultiInstanceXML();  
  116.     xml=xml+this.getEndElementXML();  
  117.     return xml;  
  118. }  
  119. draw2d.UserTask.prototype.getCandidateUser=function(sso){  
  120.     for(var i=0;i<this.candidateUsers.getSize();i++){  
  121.         var candidate = this.candidateUsers.get(i);  
  122.         if(candidate.sso===sso){  
  123.             return candidate;  
  124.         }  
  125.     }  
  126.     return null;  
  127. };  
  128. draw2d.UserTask.prototype.deleteCandidateUser=function(sso){  
  129.     var candidate = this.getCandidateUser(sso);  
  130.     this.candidateUsers.remove(candidate);  
  131. };  
  132. draw2d.UserTask.prototype.addCandidateUser=function(user){  
  133.     if(this.getCandidateUser(user.sso)==null)  
  134.         this.candidateUsers.add(user);  
  135. };  
  136. draw2d.UserTask.prototype.getCandidateGroup=function(name){  
  137.     for(var i=0;i<this.candidateGroups.getSize();i++){  
  138.         var candidate = this.candidateGroups.get(i);  
  139.         if(candidate===name){  
  140.             return candidate;  
  141.         }  
  142.     }  
  143.     return null;  
  144. };  
  145. draw2d.UserTask.prototype.deleteCandidateGroup=function(name){  
  146.     var candidate = this.getCandidateGroup(name);  
  147.     this.candidateGroups.remove(candidate);  
  148. };  
  149. draw2d.UserTask.prototype.addCandidateGroup=function(name){  
  150.     if(!this.candidateGroups.contains(name))  
  151.         this.candidateGroups.add(name);  
  152. };  
  153. draw2d.UserTask.prototype.getTaskListener=function(id){  
  154.     for(var i=0;i<this.taskListeners.getSize();i++){  
  155.         var listener = this.taskListeners.get(i);  
  156.         if(listener.getId()=== id){  
  157.             return listener;  
  158.         }  
  159.     }  
  160. };  
  161. draw2d.UserTask.prototype.deleteTaskListener=function(id){  
  162.     var listener = this.getTaskListener(id);  
  163.     this.taskListeners.remove(listener);  
  164. };  
  165. draw2d.UserTask.prototype.addTaskListener=function(listener){  
  166.     this.taskListeners.add(listener);  
  167. };  
  168. draw2d.UserTask.prototype.setTaskListeners=function(listeners){  
  169.     this.taskListeners = listeners;  
  170. };  
  171. draw2d.UserTask.prototype.getFormProperties=function(id){  
  172.     for(var i=0;i<this.formProperties.getSize();i++){  
  173.         var prop = this.formProperties.get(i);  
  174.         if(prop.id== id){  
  175.             return prop;  
  176.         }  
  177.     }  
  178. };  
  179. draw2d.UserTask.prototype.deleteFormProperties=function(id){  
  180.     var prop = this.getFormProperties(id);  
  181.     this.formProperties.remove(prop);  
  182. };  
  183. draw2d.UserTask.prototype.addFormProperties=function(prop){  
  184.     this.formProperties.add(prop);  
  185. };  
  186. draw2d.UserTask.prototype.setFormProperties=function(props){  
  187.     this.formProperties = props;  
  188. };  

 
 请注意代码中toXML方法，这个方法负责产生UserTask节点的XML代码片段，它调用了其他几个方法：getStartElementXML、getDocumentationXML、getExtensionElementsXML、getMultiInstanceXML、getEndElementXML,不同类型的Task可能不需要调用所以这些方法，可以根据需要选择性调用（当然这取决于Activiti流程文件的规范），当然对于不同类型的Task你也可以添加一些自定义的方法，如：生成操作人的方法（代码中getPerformersXML方法）等等。

由于Activiti设计的Task类型比较多，这里就不一一介绍了有兴趣可以去查看一下源代码还是很好理解的，有问题可以给我留言！

时间有限就先写到这吧！下一篇介绍一下其他扩展类，敬请关注。。。。。。

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/388071.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

深度学习网络总结

深度学习网络总结

1.Siamese network Siamese [saiə mi:z] 孪生 左图的孪生网络是指两个网络通过共享权值实现对输入的输出&#xff0c;右图的伪孪生网络则不共享权值(pseudo-siamese network)。 孪生神经网络是用来衡量两个输入的相似度&#xff0c;可以用来人脸验证、语义相似度分析、QA匹配…
阅读更多...
异常检测时间序列_时间序列的无监督异常检测

异常检测时间序列_时间序列的无监督异常检测

异常检测时间序列To understand the normal behaviour of any flow on time axis and detect anomaly situations is one of the prominent fields in data driven studies. These studies are mostly conducted in unsupervised manner, since labelling the data in real lif…
阅读更多...
python设计模式（七）：组合模式

python设计模式（七）：组合模式

组合&#xff0c;将对象组合成树状结构&#xff0c;来表示业务逻辑上的[部分-整体]层次&#xff0c;这种组合使单个对象和组合对象的使用方法一样。 如描述一家公司的层次结构&#xff0c;那么我们用办公室来表示节点&#xff0c;则总经理办公司是根节点&#xff0c;下面分别由…
阅读更多...
存款惊人_如何使您的图快速美丽惊人

存款惊人_如何使您的图快速美丽惊人

存款惊人So, you just finished retrieving, processing, and analyzing your data. You grab your data and you decide to graph it so you can show others your findings. You click ‘graph’ and……因此&#xff0c;您刚刚完成了数据的检索&#xff0c;处理和分析。 您获…
阅读更多...
pytest自动化6：pytest.mark.parametrize装饰器--测试用例参数化

pytest自动化6：pytest.mark.parametrize装饰器--测试用例参数化

前言&#xff1a;pytest.mark.parametrize装饰器可以实现测试用例参数化。 parametrizing 1. 下面是一个简单是实例&#xff0c;检查一定的输入和期望输出测试功能的典型例子 2. 标记单个测试实例为失败&#xff0c;例如使用内置的mark.xfail&#xff0c;则跳过该用例不执行直…
阅读更多...
基于easyui开发Web版Activiti流程定制器详解（六）——Draw2d详解（二）

基于easyui开发Web版Activiti流程定制器详解（六）——Draw2d详解（二）

&#xfeff;&#xfeff;上一篇我们介绍了Draw2d整体结构&#xff0c;展示了组件类关系图&#xff0c;其中比较重要的类有Node、Canvas、Command、Port、Connection等&#xff0c;这篇将进一步介绍Draw2d如何使用以及如何扩展。 进入主题&#xff1a; 详细介绍一下Draw2d中几个…
阅读更多...
Ubuntu16.04 开启多个终端，一个终端多个小窗口

Ubuntu16.04 开启多个终端，一个终端多个小窗口

Ubuntu16.04 开启多个终端&#xff0c;一个终端多个小窗口 CtrlShift T,一个终端开启多个小终端 CtrlAlt T 开启多个终端 posted on 2019-03-15 11:26 _孤城 阅读(...) 评论(...) 编辑 收藏 转载于:https://www.cnblogs.com/liuweijie/p/10535904.html
阅读更多...
敏捷 橄榄球运动_澳大利亚橄榄球迷的研究声称南非裁判的偏见被证明是错误的

敏捷 橄榄球运动_澳大利亚橄榄球迷的研究声称南非裁判的偏见被证明是错误的

敏捷 橄榄球运动In February 2020, an Australian rugby fan produced a study, claiming to show how South African rugby referees were exhibiting favorable bias towards South African home teams. The study did not consider how other countries’ referees treat So…
阅读更多...
activiti 部署流程图后中文乱码

activiti 部署流程图后中文乱码

Activiti工作流引擎使用 1.简单介工作流引擎与Activiti 对于工作流引擎的解释请参考百度百科&#xff1a;工作流引擎 1.1 我与工作流引擎 在第一家公司工作的时候主要任务就是开发OA系统&#xff0c;当然基本都是有工作流的支持&#xff0c;不过当时使用的工作流引擎是公司一些…
阅读更多...
Luogu 4755 Beautiful Pair

Luogu 4755 Beautiful Pair

分治 主席树。 设$solve(l, r)$表示当前处理到$[l, r]$区间的情况&#xff0c;我们可以找到$[l, r]$中最大的一个数的位置$mid$&#xff0c;然后扫一半区间计算一下这个区间的答案。 注意&#xff0c;这时候左半边是$[l, mid]$&#xff0c;而右区间是$[mid, r]$&#xff0c;我…
阅读更多...
网络传播动力学_通过简单的规则传播动力

网络传播动力学_通过简单的规则传播动力

网络传播动力学When a single drop of paint is dropped on a surface the amount of space that the drop will cover depends both on time and space. A short amount of time will no be enough for the drop to cover a greater area, and a small surface will bound the…
阅读更多...
BPMN2.0-概要

BPMN2.0-概要

BPMN2.0-概要 作者&#xff1a;AliKevin2011&#xff0c;发布于2012-6-27 一、BPMN简介 BPMN&#xff08;Business Process Model And Notation&#xff09;- 业务流程模型和符号 是有BPMI&#xff08;Business Process Management Initiative&#xff09;开发的一套变准的业务…
阅读更多...
Activiti 简易教程

Activiti 简易教程

一搭建环境 1.1 JDK 6 activiti 运行在版本 6以上的 JDK上。转到 Oracle Java SE下载页面&#xff0c;点击按钮“下载 JDK”。网页中也有安装说明。要核实安装是否成功&#xff0c;在命令行上运行 java–version。将打印出安装的 JDK的版本。 1.2 Ant 1.8.1 从 Ant[http://…
阅读更多...
koa2 中使用 svg-captcha 生成验证码

koa2 中使用 svg-captcha 生成验证码

1. 安装svg-captcha $ npm install --save svg-captcha 2. 使用方法 生成有4个字符的图片和字符串const svgCaptcha require(svg-captcha)const cap svgCaptcha.create({size: 4, // 验证码长度width:160,height:60,fontSize: 50,ignoreChars: 0oO1ilI, // 验证码字符中排除 …
阅读更多...
iris数据集 测试集_IRIS数据集的探索性数据分析

iris数据集 测试集_IRIS数据集的探索性数据分析

iris数据集 测试集Let’s explore one of the simplest datasets, The IRIS Dataset which basically is a data about three species of a Flower type in form of its sepal length, sepal width, petal length, and petal width. The data set consists of 50 samples from …
阅读更多...
Oracle 12c 安装 Linuxx86_64

Oracle 12c 安装 Linuxx86_64

1)下载Oracle Database 12cRelease 1安装介质 官方的下载地址&#xff1a; 1&#xff1a;http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.html 2&#xff1a;https://edelivery.oracle.com/EPD/Download/get_form?egroup_aru_number16496…
阅读更多...
python初学者_初学者使用Python的完整介绍

python初学者_初学者使用Python的完整介绍

python初学者A magical art of teaching a computer to perform a task is called computer programming. Programming is one of the most valuable skills to have in this competitive world of computers. We, as modern humans, are living with lots of gadgets such as …
阅读更多...
医疗大数据处理流程_我们需要数据来大规模改善医疗流程

医疗大数据处理流程_我们需要数据来大规模改善医疗流程

医疗大数据处理流程Note: the fictitious examples and diagrams are for illustrative purposes ONLY. They are mainly simplifications of real phenomena. Please consult with your physician if you have any questions.注意&#xff1a;虚拟示例和图表仅用于说明目的。 …
阅读更多...
ASP.NET Core中使用GraphQL - 第七章 Mutation

ASP.NET Core中使用GraphQL - 第七章 Mutation

ASP.NET Core中使用GraphQL - 目录 ASP.NET Core中使用GraphQL - 第一章 Hello WorldASP.NET Core中使用GraphQL - 第二章 中间件ASP.NET Core中使用GraphQL - 第三章 依赖注入ASP.NET Core中使用GraphQL - 第四章 GrahpiQLASP.NET Core中使用GraphQL - 第五章 字段, 参数, 变量…
阅读更多...
POM.xml红叉解决方法

POM.xml红叉解决方法

方法/步骤 1用Eclipse创建一个maven工程&#xff0c;网上有很多资料&#xff0c;这里不再啰嗦。 2右键maven工程&#xff0c;进行更新 3在弹出的对话框中勾选强制更新&#xff0c;如图所示 4稍等片刻&#xff0c;pom.xml的红叉消失了。。。
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023