📄 testnodeline.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<STYLE>
v\:*{behavior:url(#default#VML);}
img.mid{
position:absolute;
border:solid 1px #000000;
width:7px;
height:7px;
background-color:#CCCCCC;
margin-right:100px;
}
div.linetext{
font-size:12px;
position:absolute;
overflow:visible;
}
div.node{
position:absolute;
width:100px;
height:30px;
border:solid 1px #000000;
background-color:#ffffff;
background:url(../image/node_bg.jpg);
}
</STYLE>
<script language="javascript" src="../objects/line.js"></script>
<script language="javascript" src="../objects/node.js"></script>
<script language="javascript" src="../objects/position.js"></script>
<script language="javascript" src="../acting/doGraphElement.js"></script>
<script language="javascript" src="../acting/doOperation.js"></script>
<script language="javascript" src="../acting/util.js"></script>
<script>
var nodes=new Array();
var lines=new Array();
function createAllNodes(){
for(var i=0;i<nodes.length;i++)
createNode(nodes[i]);
}
///////////////////////
</script>
</head>
<body>
创建任务
在主页面中有一个全局量，记录当前选中的任务，同时有一个选择状态(selectState)，
当状态不同的时候调用不同的方法。
比如：点panel中创建连线时 selectState=1
点第一个任务时设定源任务selectState=2
点第二个任务时设定目标任务selectState=0,创建连线
<div id="container"></div>
</body>
<script>
function initNode(){
var i,nn;
for(i=0;i<10;i++){
nn=new Node();
nn.name='测试接点测试dfdsf'+i;
nn.index=i;
nn.position=new Position(0,100*i);
nodes[i]=nn;
}
nn=new Node();
nn.name='hihi';
nn.index=i;
nn.position=new Position(300,300);
nodes[i]=nn;
createAllNodes();
canDragOfNode();
}
initNode();
l1=new Line();
l1.name="测试线"+0;
l1.index=0;
l1.source=5;
l1.destination=10;
l1=getLineSDPoint(l1);
lines[0]=l1;
createLine(l1);
l1=new Line();
l1.name="测试线"+1;
l1.index=1;
l1.source=8;
l1.destination=10;
l1=getLineSDPoint(l1);
lines[1]=l1;
createLine(l1);
canDragOfLine(1);
</script>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -