有次开会,用网页在线设计流程图来演示,在场许多客户都说牛哈,今天就分享给大家吧!~
网页在线设计流程图GooFlow插件可用来设计各种流程图、逻辑流图,数据流图,或者是设计某个系统中需要走流程的功能应用。良好的用户体验使得操作界面很容易上手,技术开发人员和用户都可使用。 并且兼容主流浏览器。
调用GooFlow方法:var property = {
width: 1200,
height: 600,
toolBtns: ["start round", "end round", "task round", "node", "chat", "state", "plug", "join", "fork", "complex mix"],
haveHead: true,
headBtns: ["new", "open", "save", "undo", "redo", "reload"],
//如果haveHead=true,则定义HEAD区的按钮
haveTool: true,
haveGroup: true,
useOperStack: true
};
var remark = {
cursor: "选择指针",
direct: "结点连线",
start: "入口结点",
"end": "结束结点",
"task": "任务结点",
node: "自动结点",
chat: "决策结点",
state: "状态结点",
plug: "附加插件",
fork: "分支结点",
"join": "联合结点",
"complex mix": "复合结点",
group: "组织划分框编辑开关"
};
var demo;
$(document).ready(function() {
demo = $.createGooFlow($("#demo"), property);
demo.setNodeRemarks(remark);
//demo.onItemDel=function(id,type){
// return confirm("确定要删除该单元吗?");
//}
demo.loadData(jsondata);
});
var out;
function Export() {
document.getElementById("result").value = JSON.stringify(demo.exportData());
}GooFlow插件演示效果:http://www.sucaihuo.com/js/77.html

附件 jQuery网页在线流程图.zip ( 426.17 KB 下载:53 次 )

最佳答案

评论() 相关

收藏

赞

hjl416148489

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。