可以在线保存的流程图

所属分类:UI,其他-布局,独立的部件

 37346  398  查看评论 (25)
分享到微信朋友圈
X
可以在线保存的流程图 ie兼容8

更新时间:2017/11/21 下午4:30:37

更新说明:修改网友发现的bug:节点的源点连接自己的目标点后,弹出不能连接自己的消息,此时拖动节点元素,源点不能跟着节点走。


更新时间:2017/5/4 上午8:49:48

更新说明:

针对网友的质疑做出修改,这次所用版本为1.6.2版,若更换为网址上在线的1.3.4是无法保证重绘功能的,烦请工作人员注意,配合使用1.6.2版本的jsPlumb,万分感谢.


更新时间:2017/4/28 上午11:24:38

更新说明:

  1. 对侧边流程加了具体元素.

  2. 保存完善,点击保存后会保存图形,在控制台中打印对应数据并用sessionStorage保存在缓存,不清除缓存情况下再次刷新页面,流程图能完整呈现.

  3. 拖拽时保持曲线,避免发生直线时箭头偏位

相关插件-布局,独立的部件

jQuery bootstrap响应式网站模板

jQuery bootstrap响应式网站模板,风格简洁适用范围广,它配备了谷歌地图,滑动轮播图,平滑的滚动动画。使用最新的Web 开发工具(如 HTML5、CSS3 和 jQuery)构建。
  布局
 21535  264

bootstrap门户网站模版

bootstrap门户网站模版
  布局
 64192  654

大气的登录注册页面

大气的登录注册页面模板,无多余代码使用方便
  布局
 84489  769

时尚的多功能Bootstrap模板

一个时尚的多用途响应式网站模板
  布局
 23113  310

讨论这个项目(25)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    RR 0
    2018/9/12 9:38:17
    楼主 下载了以后 这个 js包网上找不到啊,关闭了浏览器 就失效了效果
        流浪的贫僧0
        2018/11/12 18:34:11
        这个插件怎么样 好用么
    回复
    微笑,向前行! 0
    2018/5/22 10:05:16
    如何在连接线上加文字说明啊
        根本不会再见了0
        2022/10/25 15:34:58
        请问你问到这个如何在连接线上加说明的方法了吗,求方法
        根本不会再见了0
        2022/10/25 15:34:59
        请问你问到这个如何在连接线上加说明的方法了吗,求方法
    回复
    海贼王 0
    2017/12/27 20:44:42

    页面上可以・有两个实例吗

        无解肥0
        2018/3/27 10:46:00
        这个插件好用不?
        26703286280
        2018/6/27 12:18:03
        好用
    回复
    海贼王 0
    2017/12/25 12:03:34

    我怎么让它先存在一个开始节点?

        海贼王0
        2017/12/25 13:25:57

        我知道了,加载的时候往session里面mainArr加一个

    回复
    Godsaveyou 0
    2017/12/17 11:55:22

    有个bug 在无刷新页面的情况下,重新加载保存的数据或者重置编辑,会出现连接点和连接线的丢失,而且还不会报错,QQ:1065531415 如果可以添加个好友助于沟通

        Godsaveyou0
        2017/12/17 14:50:05

        就是addEndpoint时间无效了

    回复
    %%%% 0
    2017/11/19 21:18:37

    发现一个bug,节点的源点连接自己的目标点后,弹出不能连接自己的消息,此时拖动节点元素,源点不能跟着节点走。。。

        四个皮蛋0
        2017/11/21 16:34:21

        感谢关注,该bug已修改,代码已上传,待新版本更新

    回复
    炽热 ?? 0
    2017/10/20 15:14:59
    修改元素的大小          怎么复制出来的元素有问题?
        四个皮蛋1
        2017/11/21 16:38:20

        你好,复制出来的元素大小是写在行内样式中的,所以单纯改左侧列表css样式是会出问题的,还要在js中修改对应复制出来元素的样式(大约在index.html文件207行的位置修改js代码),请知悉

    回复
    leavedog 0
    2017/6/16 9:48:18
    楼主还有别的demo吗 直线的
        leavedog0
        2017/6/16 9:53:37

        还有想在线上加文字说明该怎么写

        抬头、45°0
        2017/8/1 17:13:02

        我也想要这个效果,有没有大神解决

        四个皮蛋1
        2017/8/18 15:39:04

        可以支持直线的,代码里面有注释

        connector: ["Bezier", { stub: [40, 60], gap: 10, cornerRadius: 5, alwaysRespectStubs: true }],  //连接线的样式种类有[Bezier],[Flowchart],[StateMachine ],[Straight ]

        Alan0
        2017/12/15 17:41:29

        想在线上加文字说明该怎么写

    回复
    SiriBen 0
    2017/5/1 11:21:02

    点保存无效,勾选不重复也无效

        四个皮蛋1
        2017/5/3 21:44:00

        首先向你说声抱歉吧,解决方法如下:

        将源码下载完成后,将jquery-ui-1.11.0.js和1.3.4/jquery.jsPlumb.min.js两个js插件更换为jquery-ui-1.9.2.min.js和js/jsPlumb-1.7.8.js即可,原因可能是由于工作人员为了方便加载速度,将这两个插件版本更换为在线的了.

        四个皮蛋0
        2017/5/4 9:10:31

        现已将版本更新,并对审核人员做了说明,不要更换jsPlumb版本,待审核通过后即可使用,请知悉

        无解肥0
        2018/3/27 10:44:00
        这个插件好用不?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复