`
deepthink
  • 浏览: 54970 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

jquery 简易的流程图编辑控件 新版(20100907)

阅读更多

 上次 发了一篇:jquery 简易的流程图编辑控件

 

这个是当时的截图

 

 

最近又对原来的方案做了优化,发上来给大家共享一下

 

主要的改动在:样式上,不同的状态针对不同显示样式,对分支箭头的重新标注 ,对原来build 的代码做了修改,对绑定事件的补充(此次发上来的版本不包含)

这是一个截图:

下面是节点编辑器的截图(这只是我自己进行测试的时候用的,最新的版本中已经修改为菜单模式,截图再下面)


 

 

 

最新的编辑器截图(因为最新的是在项目中测试的,还未剥离,所以需要等等再发上来)

 

节点编辑方式修改为菜单模式,并已经添加了对简单条件的支持(红色标注内的内容)

 

预览截图:

 

  • 大小: 45.2 KB
  • 大小: 59.1 KB
  • 大小: 86.3 KB
分享到:
评论
11 楼 wersion 2014-05-28  
我觉得可以参考下这个
http://www.oschina.net/p/gooflow
上面也是使用jquery 进行开发的流程图插件。感觉实用性还行
10 楼 stephenyindezhi 2014-04-24  
联系972002139
9 楼 stephenyindezhi 2014-04-24  
功能都操作不了啊,我急需这个东西,是我没看懂吗
8 楼 西北汉子 2011-09-26  
没有意思
7 楼 ganjp 2010-12-28  
看到别人都是这么厉害,我自己什么也没有做出来过,哭死我了
6 楼 deepthink 2010-12-09  
RonQi 写道
太崩溃了,看不懂楼主的代码...

呵呵,可能是我写的比较烂吧~~
5 楼 RonQi 2010-12-09  
太崩溃了,看不懂楼主的代码...
4 楼 RonQi 2010-12-09  
学习了。
总是用一些简单的jQuery功能,就是查个对象赋值什么的,没有深入研究
惭愧啊
3 楼 lqixv 2010-12-08  
不知这个对你有没有用,我想也许你看一下这个,再做些简单的处理就能实现你的编辑器了:http://raphaeljs.com/index.html,我觉得这个很强大,但还没有深入研究
2 楼 jordan_micle 2010-12-07  
看不明白是什么东东,但是界面很喜欢~~~~
1 楼 yangguo 2010-12-06  
很强大,向你学习。

相关推荐

    jquery简易流程图编辑控件

    jquery简易流程图编辑控件,很不错的控件。

    jquery 简易的流程图编辑控件

    NULL 博文链接:https://5di.iteye.com/blog/713763

    GooFlow是一款用jquery流程图设计器

    GooFlow是一款用jquery流程图设计器,传json字符串和一些变量的设置来实现可视化流程图设计。可兼容IE7--IE10, FireFox, Chrome, Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。页面顶部栏、左边侧...

    基于JQUERY的WEB在线流程图设计器GooFlow

    多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上,流程图的详细实现逻辑完全交于后台程序开发者自己实现;对于后台,只要能返回/接收能被本插件解析...

    基于JQUERY的WEB在线流程图设计器GOOFLOW 0.1版

     多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上,流程图的详细实现逻辑完全交于后台程序开发者自己实现;对于后台,只要能返回/接收能被本插件...

    基于JQUERY的WEB在线流程图设计器GOOFLOW

    基于JQUERY的WEB在线流程图设计器GOOFLOW 0.5版 (2013-11-23) [特点]  跨浏览器,可兼容IE7--IE10, FireFox, Chrome, Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。  多系统兼容性、可移植性:...

    基于JQuery的GooFlow流程设计器

     多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上,流程图的详细实现逻辑完全交于后台程序开发者自己实现;对于后台,只要能返回/接收能被本插件...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    顺序控制 分支控制(if ifelse switch) 程序流程图 8-20 3.循环控制①(for) 8-20 4.循环控制②(while dowhile) 打印金字塔案例 8-20 5.打印金字塔案例评讲 布置练习题 8-22 1.break语句 continue语句 常量 8-22 2....

    (全)传智播客PHP就业班视频完整课程

    顺序控制 分支控制(if ifelse switch) 程序流程图 8-20 3.循环控制①(for) 8-20 4.循环控制②(while dowhile) 打印金字塔案例 8-20 5.打印金字塔案例评讲 布置练习题 8-22 1.break语句 continue语句 常量 8-22 2....

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    顺序控制 分支控制(if ifelse switch) 程序流程图 8-20 3.循环控制①(for) 8-20 4.循环控制②(while dowhile) 打印金字塔案例 8-20 5.打印金字塔案例评讲 布置练习题 8-22 1.break语句 continue语句 常量 8-22 2....

    史上最全传智播客PHP就业班视频课,8月份视频

    顺序控制 分支控制(if ifelse switch) 程序流程图 8-20 3.循环控制①(for) 8-20 4.循环控制②(while dowhile) 打印金字塔案例 8-20 5.打印金字塔案例评讲 布置练习题 8-22 1.break语句 continue语句 常量 8-22 2....

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    顺序控制 分支控制(if ifelse switch) 程序流程图 8-20 3.循环控制①(for) 8-20 4.循环控制②(while dowhile) 打印金字塔案例 8-20 5.打印金字塔案例评讲 布置练习题 8-22 1.break语句 continue语句 常量 8-22 2....

    JavaScript实例精通

    开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及以上版本 2.本书所附光盘范例 第1章(\1) 示例描述:变量。 1_1.htm 变量声明。 1_2.htm 局部变量和全局变量。 1_3....

    《JavaScript实例精通》[源代码]

    示例描述:客户端的流程控制。 2_1.htm 条件判断语句if…else 2_2.htm 多条件判断语句switch。 2_3.htm 嵌套循环语句for。 2_4.htm 循环语句while。 2_5.htm 控制循环过程break和continue。 2_6.htm ...

    JAVA上百实例源码以及开源项目源代码

    2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性...

    JAVA上百实例源码以及开源项目

    6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用...

    java开源包1

    Spring4GWT GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解...可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

    JEECG快速开发平台 v4.0

    技术点八:在线流程定义,采用开源Activiti流程引擎,实现在线画流程,自定义表单,表单挂接,业务流转,流程监控,流程跟踪,流程委托等 技术点九:自定义表单,支持用户自定义表单布局,支持单表、列表、Select\\...

    java开源包11

    Spring4GWT GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解...可以将网络图导出为 GIF, JPEG, PNG, PPM, ARP and PNML (XML based)文件格式。使用了优秀的JHotDraw 5.2 框架。 activemq...

Global site tag (gtag.js) - Google Analytics