设计器UI界面有了，接下来结点的属性怎么显示呢，采用弹窗的话觉得不方便用户；用easyui的propertygrid在最右边显示，又觉得要引入easyui，使得插件变复杂了；最后决定自己写。 1、实现效果如下： 1.1、属性显示 1.2、属性隐藏 1.3、属性分组收起 ...

流程结点可以添加了之后，接下来到画结点与结点之间的连线，效果图如下 很眼馋visio的连线可以折来折去，这里实现的连线比较简单。 首先是把连线的类型分为Z（折线）、N（折线）及I（直线）3种类型，然后在两个结点间划线的时候，根据两个结点间的位置来决定画哪种线。 1、结点2在结点1左边 ...

去年就完成了流程设计器及流程引擎的开发，本想着把流程设计器好好整理一下，形成一个一步一步的开发案例，结果才整理了一点点，发现写文章比写代码还累，加上有事情要忙，结果就。。 明天要去外包驻场了，现把流程设计器最终实现的效果及应用案例放到网上（Demo），欢迎大家围观，欢迎园友们提出宝贵意见 ...

经过前面的准备工作，终于把设计器的主要UI界面搭建好了，接下来到添加流程结点，效果如下图 代码：GoFlow_03.zip 演示地址：Demo 微信演示公众号： 另：Silverlight版 Silverlight版Demo ...

到目前流程设计器流程结点的拖拽操作已基本完成，接下来就到结点的属性开发了。前面已经开发过流程模板的属性了，结点属性跟模板属性类似，从属性模板定义copy一份，然后按各结点类型进行调整就ok。 1、先来回顾下流程模板属性，这里对流程模板属性稍微进行了调整，效果图 ...

现在的业务分工越来越细，很多客户指定要求上工作流系统，就一定要包含流程设计器。而很多开源的工作流系统，都只注重流程引擎部分，或更注重和各种开源的框架,orm等的集成，流程设计器或者根本就没有。这使得很多找开源的工作流系统的系统集成商，不得不面临着要自己写一份工作流设计器，常常在论坛中 ...

以前在IE盛行，微软一家独大的时候，web绘图功能首选就是VML，IE5.0以上的版本都支持VML，VML可以在IE中通过文本的方式绘制矢量图像，类似在html页面中实现了画笔的功能，所以被很多人采用来实现web流程设计器。 随着手机，ipad等各种移动设备的升级，越来越多的应用要求支持这些移动 ...

一： 先来看一下界面的截图： 说明： 拖动节点的时候，与该节点相关的箭头连线也会跟着调整； 用户可以使用鼠标从一个节点拖出一个箭头到另一个节点（鼠标在空白区域点击一下，拖出的箭头消失 ...