GooFlow流程图绘制插件.zip资源-CSDN文库

共32个文件

png：12个

js：7个

html：4个

版权申诉

jquery代码

jquery特效

jquery插件

156 浏览量 2023-09-23 09:25:34 上传评论收藏 409KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

GooFlow流程图绘制插件.zip （32个子文件）

default.css 551B

index.html 4KB

images

GooFlow

data.js 5KB

ui-icons_222222_256x240.png 41KB

GooFlow_line_oper.png 43KB

demo2.html 5KB

demo_child.html 2KB

bullet_blue.png 45KB

demo.html 2KB

设计器API说明书.doc 294KB

未命名-3.png 81KB

child.js 4KB

codebase

GooFlow.css 9KB

GooFlow.css.bak 9KB

GooFlow.js 80KB

GooFlow2.css 9KB

GooFlow.js.bak 76KB

img

GooFlow_line_oper.png 652B

gooflow_icon.png 6KB

gooflow_bg.png 249B

gooflow_bullet.png 1KB

gooflow_blank2.htm 571B

gooflow_tip.png 218B

gooflow_blank2.gif 62B

gooflow_icon2.png 2KB

gooflow_btn_bg.png 336B

gooflow_blank.gif 70B

GooFlow_color.js 291B

未命名-3 - 副本.png 73KB

jquery.min.js 91KB

GooFunc.js 3KB

json2.js 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>流程图DEMO</title>  <link rel="stylesheet" type="text/css" href="codebase/GooFlow2.css"/>  <style> .myForm{display:block;margin:0px;padding:0px;line-height:1.5;border:#ccc 1px solid;font: 12px Arial, Helvetica, sans-serif;margin:5px 5px 0px 0px;border-radius:4px;} .myForm .form_title{background:#428bca;padding:4px;color:#fff;border-radius:3px 3px 0px 0px;} .myForm .form_content{padding:4px;background:#fff;} .myForm .form_content table{border:0px} .myForm .form_content table td{border:0px} .myForm .form_content table .th{text-align:right;font-weight:bold} .myForm .form_btn_div{text-align:center;border-top:#ccc 1px solid;background:#f5f5f5;padding:4px;border-radius:0px 0px 3px 3px;} #propertyForm{float:right;width:260px} </style> <script type="text/javascript" src="child.js"></script> <script type="text/javascript" src="../jquery.min.js"></script> <script type="text/javascript" src="../GooFunc.js"></script> <script type="text/javascript" src="../json2.js"></script> <link rel="stylesheet" type="text/css" href="../default.css"/> <script type="text/javascript" src="codebase/GooFlow.js"></script> <script type="text/javascript" src="codebase/GooFlow_color.js"></script> <script type="text/javascript"> 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){ if(confirm("确定要删除该单元吗?")){ this.blurItem(); return true; }else{ return false; } } demo.loadData(jsondata); demo.onItemFocus=function(id,model){ var obj; $("#ele_model").val(model); $("#ele_id").val(id); if(model=="line"){ obj=this.$lineData[id]; $("#ele_type").val(obj.M); $("#ele_left").val(""); $("#ele_top").val(""); $("#ele_width").val(""); $("#ele_height").val(""); $("#ele_from").val(obj.from); $("#ele_to").val(obj.to); }else if(model=="node"){ obj=this.$nodeData[id]; $("#ele_type").val(obj.type); $("#ele_left").val(obj.left); $("#ele_top").val(obj.top); $("#ele_width").val(obj.width); $("#ele_height").val(obj.height); $("#ele_from").val(""); $("#ele_to").val(""); } $("#ele_name").val(obj.name); return true; }; demo.onItemBlur=function(id,model){ document.getElementById("propertyForm").reset(); return true; }; }); var out; function Export(){ document.getElementById("result").value=JSON.stringify(demo.exportData()); } </script> </head> <body style="background:#EEEEEE"> <div id="demo" style="margin:5px;float:left"></div> <form class="myForm" id="propertyForm"> <div class="form_title">属性设置</div> <div class="form_content"> <table> <tr><td class="th">Id：</td><td><input type="text" style="width:120px" id="ele_id"/></td></tr> <tr><td class="th">Name：</td><td><input type="text" style="width:120px" id="ele_name"/></td></tr> <tr><td class="th">Type：</td><td><input type="text" style="width:120px" id="ele_type"/></td></tr> <tr><td class="th">Model：</td><td><input type="text" style="width:120px" id="ele_model"/></td></tr> <tr><td class="th">Left-r：</td><td><input type="text" style="width:120px" id="ele_left"/></td></tr> <tr><td class="th">Top-r：</td><td><input type="text" style="width:120px" id="ele_top"/></td></tr> <tr><td class="th">Width：</td><td><input type="text" style="width:120px" id="ele_width"/></td></tr> <tr><td class="th">Height：</td><td><input type="text" style="width:120px" id="ele_height"/></td></tr> <tr><td class="th">From：</td><td><input type="text" style="width:120px" id="ele_from"/></td></tr> <tr><td class="th">To：</td><td><input type="text" style="width:120px" id="ele_to"/></td></tr> </table> </div> <div class="form_btn_div"> <input type="reset" value="重置"/> <input type="button" value="确定" onclick="alert(demo.$focus)"/> </div> </form> <div style="clear:both"> <input id="submit" type="button" value='导出结果' onclick="Export()"/> <textarea id="result" row="6"></textarea> </div> </body> </html>

评论收藏

内容反馈

版权申诉