rel="stylesheet" type="text/css" href="js/default.css" />
rel="stylesheet" type="text/css" href="codebase/GooFlow2.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/GooFunc.js"></script>
<script type="text/javascript" src="js/son2.js"></script>
<script type="text/javascript" src="codebase/GooFlow.js"></script>
<script src="../../JavaScript/layer/layer.js"></script>
<script type="text/javascript">
var hight = $(window).height() - 20;
var width = $(window).width() - 40;
var demo;
$(document).ready(function () {
var haveEdit = true;
var Title = "Title";
var property = {
width: width,
height: hight,
toolBtns: ["start round", "end", "task", "node", "chat", "state", "plug", "join", "fork", "complex mix"],
haveHead: haveEdit,
headBtns: ["new", "save", "undo", "redo", "reload"],//如果haveHead=true，则定义HEAD区的按钮 headBtns: ["new", "open", "save", "undo", "redo", "reload"]
haveTool: haveEdit,
haveGroup: true,
useOperStack: true,
initLabelText: Title
};
var remark = {
cursor: "选择指针",
direct: "转换连线",
start: "开始结点",
end: "结束结点",
task: "任务结点",
node: "自动结点",
chat: "决策结点",
state: "状态结点",
plug: "附加插件",
fork: "分支结点",
"join": "联合结点",
complex: "复合结点",
group: "组织划分框编辑开"
}
demo = $.createGooFlow($("#demo"), property);
demo.setNodeRemarks(remark);
demo.onItemDel = function (id, type) {
layer.closeAll();
return true;
// return confirm("确定要删除该单元吗?");
}
var jsondata = { "title": Title, "nodes": { "demo_node_1": { "name": "node_1", "left": 90, "top": 59, "type": "start round", "width": 24, "height": 24, "alt": true }, "demo_node_2": { "name": "node_2", "left": 115, "top": 284, "type": "end", "width": 86, "height": 24, "alt": true }, "demo_node_3": { "name": "node_3", "left": 412, "top": 46, "type": "task", "width": 86, "height": 24, "alt": true }, "demo_node_7": { "name": "node_7", "left": 640, "top": 56, "type": "task", "width": 86, "height": 24, "alt": true } }, "lines": { "demo_line_4": { "type": "sl", "from": "demo_node_1", "to": "demo_node_3", "name": "line_4", "alt": true }, "demo_line_5": { "type": "tb", "from": "demo_node_3", "to": "demo_node_2", "name": "line_5", "alt": true, "M": 295 }, "demo_line_8": { "type": "sl", "from": "demo_node_3", "to": "demo_node_7", "name": "line_8", "alt": true }, "demo_line_9": { "type": "tb", "from": "demo_node_7", "to": "demo_node_2", "name": "line_9", "alt": true, "M": 305 } }, "areas": {}, "initNum": 10 };
demo.loadData(jsondata);
demo.onBtnNewClick = function () { alert("新建"); demo.clearData(); };
demo.onBtnOpenClick = function () { alert("打开"); };
demo.onBtnSaveClick = function () { alert("保存"); alert(JSON.stringify(demo.exportData())); };
demo.onFreshClick = function () {
alert("重载"); demo.clearData(); demo.loadData(jsondata);
};
});
var out;
function Export() {
document.getElementById("result").value = JSON.stringify(demo.exportData());
}
//this.$workArea.delegate(".ico + td"  文字双击
var Editid = "0"; var Editindex = "-1"; var Editnode = "";
function ShowEdit(id, Type) {
if (Editid != id) {
Editid = id;
layer.closeAll();
//alert(Type + "ShowEdit" + id);
var nodeTitle = "";
var nodeUrl = "";
Editnode = demo.getItemInfo(id, Type);
if (Editnode.name != null) {
if (Type == "line") {
var nodeStr = "";
nodeTitle = Editnode.name + "线编辑";
nodeUrl = 'code/UpdateLine.aspx?node=' + nodeStr + "&_" + Math.random();
}
else if (Type == "node") {
//name: 节点的显示名称
//left: 节点相对于工作区的左边距
//top: 节点相对于工作区的顶距
//width: 节点宽度
//height: 节点高度
//type: 节点类型
//marked: 布尔值, 表示是否已被用橙色标注
//alt: 布尔值, 表示在编辑模式下是否被用户变更过, 默认都是undefined未变更
var nodeStr = Editid + "," + Editnode.name + "," + Editnode.left + "," + Editnode.top + "," + Editnode.width + "," + Editnode.height + "," + Editnode.type + "," + Editnode.marked + "," + Editnode.alt;
nodeTitle = Editnode.name + "节点编辑";
nodeUrl = 'code/UpdateNode.aspx?node=' + encodeURI(nodeStr) + "&_" + Math.random();
}
else if (Type == "area") {
nodeTitle = Editnode.name + "区域编辑";
nodeUrl = 'code/UpdateArea.aspx?node=' + nodeStr + "&_" + Math.random();
}
layer.open({
title: nodeTitle,
type: 2,
area: ['400px', (hight - 20) + 'px'],
fixed: true, //不固定
closeBtn: 0,
maxmin: true,
offset: 'rt', //右下角弹出
shade: 0,
content: nodeUrl,
//btn: ['确定保存'],
//yes: function (index, layero) {
//    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
//    iframeWin.Save();
//},
success: function (layero, index) {
Editindex = index;
}, cancel: function (index, layero) {
layer.close(index);
return false;
}
});
}
}
}
function SaveNode(Flag, Value, Type) {
if (Type == "line") {
demo.setName(Editid, Value, "line");
}
else if (Type == "node") {
if (Flag == 1)//name
{
demo.setName(Editid, Value, "node");
}
else if (Flag == 2)//Top
{
demo.moveNode(Editid, Editnode.left, Value);
}
else if (Flag == 3)//left
{
demo.moveNode(Editid, Value, Editnode.top);
}
else if (Flag ==4)//width
{
demo.resizeNode(Editid, Value, Editnode.height);
}
else if (Flag == 5)//height
{
demo.resizeNode(Editid, Editnode.width, Value);
}
var node = demo.getItemInfo(Editid, Type);
var Savenode = node.name + "," + node.left + "," + node.top + "," + node.width + "," + node.height + "," + node.type + "," + node.marked + "," + node.alt;
// alert(Savenode);
//ajax保存数据
}
else if (Type == "area") {
demo.setName(Editid, name, "area");
}
}
</script>