`
deepthink
  • 浏览: 56477 次
  • 性别: 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作为一个轻量级、高效的JavaScript库,为开发者提供了丰富的插件来实现各种功能,...

    jquery 简易的流程图编辑控件

    在实际应用中,这个jQuery流程图编辑控件可能用于以下场景: - **项目管理**:显示项目的工作流程,便于团队成员理解和协作。 - **决策树设计**:帮助企业构建和分析决策过程,以优化决策路径。 - **流程审批**:在...

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

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

    基于jQuery的流程图插件GooFlow的API文档

    ### 基于jQuery的流程图插件GooFlow API文档知识点详解 #### 一、概述 GooFlow是一款基于jQuery的Web在线流程图设计器,适用于多种浏览器环境,包括IE8至IE10、Firefox、Chrome及Opera等。它不仅支持跨浏览器运行,...

    jquery.flowchart:允许您绘制流程图的JQuery插件

    jquery.flowchart.js是一个开源Javascript jQuery ui插件,它允许您绘制和编辑流程图。 到目前为止提供的主要功能如下: 绘制框(称为运算符)及其之间的连接。 提供了一些方法,使最终用户可以通过添加/移动/...

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

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

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

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

    oa流程图设置功能c#版

    在这个页面中,用户可以查看、编辑和管理他们的流程图。 要构建这样的功能,你需要创建一个ASP.NET Web项目,并将`FlowOprateView.aspx`及其相关的资源文件添加到项目中。这可能包括CSS样式表、JavaScript文件、...

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

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

    基于jquery的图片裁剪插件

    【jQuery图片裁剪插件详解】 在Web开发中,用户经常需要上传并编辑图片,例如在个人资料设置、产品发布或社交媒体应用中。基于jQuery的图片裁剪插件为此提供了便利,它允许用户在浏览器中预览并裁剪图片,然后以所...

    jQuery网页可视化在线绘图工具代码

    【jQuery网页可视化在线绘图工具代码】是一款基于jQuery库的网页应用,旨在提供一个...用户可以方便地创建和编辑流程图,而开发者可以通过查看和学习源代码,进一步了解如何利用jQuery和Web技术构建类似的可视化应用。

    DragFlow.zip_DragFlow_流程图

    总的来说,"DragFlow"结合了Asp.NET的强大后端处理能力和JQuery的灵活前端交互特性,为用户提供了创建和编辑工作流程图的便捷平台。通过熟练掌握这两种技术,开发者可以构建出直观、用户友好的流程管理工具,满足...

    用CSS和jQuery打造一个简单的图片编辑器-内含源码以及设计说明书(可以自己运行复现).zip

    在这个项目中,我们将探讨如何利用CSS和jQuery技术创建一个简单的图片编辑器。这个教程适合初学者,通过实际操作,你可以了解这两个技术在构建交互式Web应用中的应用,并掌握基本的图片处理功能的实现方法。 首先,...

    240多个jQuery UI插件

    - **jQuery Form Plugin**: 简化表单处理流程。 - **jQuery-Form**: 类似于Form Plugin但提供更多高级特性。 - **jLook Nice Forms**: 美化表单元素。 - **jNice**: 简单易用的表单美化插件。 - **Ping Plugin*...

    基于JQuery的GooFlow流程设计器

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

    jquery图片裁剪插件

    《jQuery图片裁剪插件深度解析》 在Web开发中,图片裁剪功能常常被用于用户上传头像、产品图片编辑等场景。jQuery图片裁剪插件为开发者提供了便捷的解决方案,使得用户可以在浏览器端对图片进行自由裁剪,满足特定...

    240多个jQuery插件提供下载地址

    6. **Styling an input type file**:为文件输入控件添加样式的方法。 - **特性**:样式自定义。 - **应用场景**:需要对文件输入框进行定制化设计的项目。 7. **ProgressBarPlugin**:为文件上传提供进度条显示...

    Jquery+.net实现图像缩放截取_aspx开发教程.rar

    在ASP.NET开发中,结合jQuery库可以实现许多高级的用户界面功能,其中之一就是图像的缩放和截取。本教程将深入探讨如何使用jQuery和.NET技术来创建一个类似开心网的图像处理功能,让用户能够自由地缩放和裁剪图片。 ...

    工作流/图形设计器 (ext/easyui/jqueryui)

    EXT的工作流设计模块可能提供了拖放功能、节点编辑以及流程图的可视化构建能力,帮助开发者高效地设计复杂的业务流程。 2. EasyUI:EasyUI是基于jQuery的轻量级框架,旨在简化HTML页面的布局和组件化。在工作流设计...

    工作流working.zip

    - Bootstrap的网格系统、表单控件、按钮和模态框等组件可以帮助构建流程图的交互界面,例如添加新节点、编辑条件的对话框。 8. **流程图的可视化**: - 要实现仿钉钉的流程图,可能需要一个图形库,如D3.js或...

Global site tag (gtag.js) - Google Analytics