topflow.js

vml 资料,安例精彩,希望对大家有帮助

}

//根据[任务]的ID删除[任务]对象
TTopFlow.prototype.deleteProcByID = function(id){
  this.Modified = true;
  for(var i = 0; i< this.Procs.length; i++)
    if(this.Procs[i].ID == id)
      this.Procs.splice(i,1);
  //删除与些Proc关联的Step
  for(i = this.Steps.length - 1; i >= 0 ; i--)
    if(this.Steps[i].FromProc == id || this.Steps[i].ToProc == id)
      this.Steps.splice(i,1);
}

//根据[路径]的ID删除[路径]对象
TTopFlow.prototype.deleteStepByID = function(id){
  this.Modified = true;
  for(var i = 0; i< this.Steps.length; i++)
    if(this.Steps[i].ID == id)
      this.Steps.splice(i,1);
}

//获取流程图最顶层的Z轴值
TTopFlow.prototype.getMaxZIndex = function(){
  var m = 0;
  for(var i = 0; i < this.Procs.length; i++)
    m = Math.max(m, this.Procs[i].zIndex);
  for(i = 0; i < this.Steps.length; i++)
    m = Math.max(m, this.Steps[i].zIndex);
  return m;
}

//获取流程图最底层的Z轴值
TTopFlow.prototype.getMinZIndex = function(){
  var m = 0;
  for(var i = 0; i < this.Procs.length; i++)
    m = Math.min(m, this.Procs[i].zIndex);
  for(i = 0; i < this.Steps.length; i++)
    m = Math.min(m, this.Steps[i].zIndex);
  return m;
}

//将一个流程图元素对象移至最上层
TTopFlow.prototype.brintToFront = function(obj){
  this.Modified = true;
  obj.zIndex = this.getMaxZIndex() + 1;
}

//将一个流程图元素对象移至最底层
TTopFlow.prototype.sendToBack = function(obj){
  this.Modified = true;
  obj.zIndex = this.getMinZIndex() - 1;
}

//获取流程图下一个[任务]的缺省ID
TTopFlow.prototype.getMaxProcID = function(){
  var s = "";
  var i, j, u = this.Procs.length;
  for(i = 0; i<= u; i++){
    s = "proc"+i;
    for(j = 0; j < u; j++){
      if(this.Procs[j].ID == s) break;
    }
    if(j == u) break;
  }
  return s;
}

//获取流程图下一个[路径]的缺省ID
TTopFlow.prototype.getMaxStepID = function(){
  var s = "";
  var i, j, u = this.Steps.length;
  for(i = 0; i<= u; i++){
    s = "step"+i;
    for(j = 0; j < u; j++){
      if(this.Steps[j].ID == s) break;
    }
    if(j == u) break;
  }
  return s;
}

//流程图内全部[任务]的字符串化函数
TTopFlow.prototype.ProcString = function(){
  var S = "",i;
  for(i = 0; i< this.Procs.length; i++)
    S += this.Procs[i];
  return S;
}

//流程图内全部[路径]的字符串化函数
TTopFlow.prototype.StepString = function(){
  var S = "",i;
  for(i = 0; i< this.Steps.length; i++)
    S += this.Steps[i];
  return S;
}

//流程图字符串化函数
TTopFlow.prototype.toString = function(){
  return this.ProcString() + this.StepString();
}

//获取[路径]的划线结点路径
TStep.prototype.getPath = function(){
  if(this.Points != null && this.Points !="")return this.Points;
  var fromProc =document.getElementById(this.FromProc), toProc = document.getElementById(this.ToProc);
  
  if (fromProc==null || toProc==null) return '';
  var fromW = parseInt(fromProc.style.width);
  var fromH = parseInt(fromProc.style.height);
  var toW = parseInt(toProc.style.width);
  var toH = parseInt(toProc.style.height);
  var fromX = parseInt(fromProc.style.left);
  var fromY = parseInt(fromProc.style.top);
  var toX = parseInt(toProc.style.left);
  var toY = parseInt(toProc.style.top);
  if(this.FromProc == this.ToProc) 
    return this.getSelfPath(fromX, fromY, fromW, fromH);

  if (ifRepeatProc(fromX,fromY,fromW,fromH,toX,toY,toW,toH)){
    return "";
  }
  else if(this.ShapeType == "PolyLine")
	{
    return this.getLinePath(fromX, fromY, fromW, fromH, toX, toY, toW, toH);}
  else
    return this.Points;
//    return this.getPolyLinePath(fromX, fromY, fromW, fromH, toX, toY, toW, toH);
    
}

//重新获取[路径]的划线结点路径
TStep.prototype.reGetPath = function(){
  var fromProc =document.getElementById(this.FromProc), toProc = document.getElementById(this.ToProc);
  
  if (fromProc==null || toProc==null) return '';
  var fromW = parseInt(fromProc.style.width);
  var fromH = parseInt(fromProc.style.height);
  var toW = parseInt(toProc.style.width);
  var toH = parseInt(toProc.style.height);
  var fromX = parseInt(fromProc.style.left);
  var fromY = parseInt(fromProc.style.top);
  var toX = parseInt(toProc.style.left);
  var toY = parseInt(toProc.style.top);
  if(this.FromProc == this.ToProc) 
    return this.getSelfPath(fromX, fromY, fromW, fromH);

  if (ifRepeatProc(fromX,fromY,fromW,fromH,toX,toY,toW,toH)){
    return "";
  }
  else if(this.ShapeType == "PolyLine")
	{
    return this.getLinePath(fromX, fromY, fromW, fromH, toX, toY, toW, toH);}
  else
    return this.Points;
//    return this.getPolyLinePath(fromX, fromY, fromW, fromH, toX, toY, toW, toH);
    
}


//获取当[路径]指向自身时的划线结点路径
TStep.prototype.getSelfPath = function(ProcX, ProcY, ProcW, ProcH){
  var constLength = 10;
  point0X = ProcX + ProcW -constLength;
  point0Y = ProcY + ProcH;
  
  point1X = point0X;
  point1Y = point0Y + constLength;
  
  point2X = ProcX + ProcW + constLength;
  point2Y = point1Y;

  point3X = point2X;
  point3Y = point0Y-constLength;

  point4X = ProcX + ProcW;
  point4Y = point3Y;
  return point0X + ',' + point0Y + ' ' + point1X + ',' + point1Y + ' ' + point2X + ',' + point2Y + ' ' + point3X + ',' + point3Y + ' ' + point4X + ',' + point4Y;
}

//获取当[路径]线型为直线时的划线结点路径
TStep.prototype.getLinePath = function(fromProcX, fromProcY, fromProcW, fromProcH, toProcX, toProcY, toProcW, toProcH){

  var fromX, fromY, toX, toY, fromRelX, fromRelY, toRelX, toRelY;
  if(fromProcY + fromProcH < toProcY){;       //FromProc完全在ToProc上方
    if(fromProcX + fromProcW < toProcX){      //FromProc完全在ToProc左方
      fromX = fromProcX + fromProcW;          //取FromProc右下角
      fromY = fromProcY + fromProcH;
      toX = toProcX;                          //取ToProc左上角
      toY = toProcY;
	  fromRelX = 1;
	  fromRelY = 1;
	  toRelX = 0;
	  toRelY = 0;
    }
    else if(fromProcX > toProcX + toProcW){     //FromProc完全在ToProc右方
      fromX = fromProcX;          //取FromProc左下角
      fromY = fromProcY + fromProcH;
      toX = toProcX + toProcW;
      toY = toProcY;
	  fromRelX = 0;
	  fromRelY = 1;
	  toRelX = 1;
	  toRelY = 0;
    }
    else{                                     //取FromProc下中结点
      fromX = fromProcX + parseInt(fromProcW / 2);
      fromY = fromProcY + fromProcH;
      toX = toProcX + parseInt(toProcW / 2);
      toY = toProcY;
	  fromRelX = 0.5;
	  fromRelY = 1;
	  toRelX = 0.5;
	  toRelY = 0;
    }
  }
  else if(fromProcY > toProcY + toProcH){;       //FromProc完全在ToProc下方
    if(fromProcX + fromProcW < toProcX){      //FromProc完全在ToProc左方
      fromX = fromProcX + fromProcW;          //取FromProc右上角
      fromY = fromProcY;
      toX = toProcX;                          //取ToProc左下角
      toY = toProcY + toProcH;
	  fromRelX = 1;
	  fromRelY = 0;
	  toRelX = 0;
	  toRelY = 1;
    }
    else if(fromProcX > toProcX + toProcW){     //FromProc完全在ToProc右方
      fromX = fromProcX;          //取FromProc左上角
      fromY = fromProcY;
      toX = toProcX + toProcW;      //取ToProc右下角
      toY = toProcY + toProcH;
	  fromRelX = 0;
	  fromRelY = 0;
	  toRelX = 1;
	  toRelY = 1;
    }
    else{                                     //取FromProc下中结点
      fromX = fromProcX + parseInt(fromProcW / 2);
      fromY = fromProcY;
      toX = toProcX + parseInt(toProcW / 2);
      toY = toProcY + toProcH;
	  fromRelX = 0.5;
	  fromRelY = 0;
	  toRelX = 0.5;
	  toRelY = 1;
    }
  }
  else if(fromProcX + fromProcW < toProcX){ //FromProc在toProc左方
    fromX = fromProcX + fromProcW;
    fromY = fromProcY + parseInt(fromProcH / 2);
    toX = toProcX;
    toY = toProcY + parseInt(toProcH / 2);
	fromRelX = 1;
	fromRelY = 0.5;
	toRelX = 0;
	toRelY = 0.5;
  }
  else{ //在右方
    fromX = fromProcX;
    fromY = fromProcY + parseInt(fromProcH / 2);
    toX = toProcX + toProcW;
    toY = toProcY + parseInt(toProcH / 2);
	fromRelX = 0;
	fromRelY = 0.5;
	toRelX = 1;
	toRelY = 0.5;
  }
 
  this.fromRelX = fromRelX;
  this.fromRelY = fromRelY;
  this.toRelX = toRelX;
  this.toRelY = toRelY;
  this.Points = fromX/4*3 + 'pt,' + fromY/4*3 + 'pt,' + toX/4*3 + 'pt,' + toY/4*3 + 'pt';
  return this.Points;

}

//获取当[路径]线型为折线线时的划线结点路径
TStep.prototype.getPolyLinePath = function(fromProcX, fromProcY, fromProcW, fromProcH, toProcX, toProcY, toProcW, toProcH){
  //fromProc Center X,Y
  var fromCenterX = fromProcX + parseInt(fromProcW/2);
  var fromCenterY = fromProcY + parseInt(fromProcH/2);
  //toProc Center X,Y
  var toCenterX = toProcX + parseInt(toProcW/2);
  var toCenterY = toProcY + parseInt(toProcH/2);
  //
  point2X = fromCenterX;
  point2Y = toCenterY;
  if (toCenterX > fromCenterX) {		    //ToProc在FromProc的右边
    absY = toCenterY>=fromCenterY?toCenterY-fromCenterY:fromCenterY-toCenterY;  //计算两个对象中心点的距离
    if (parseInt(fromProcH/2)>=absY) {  //ToProc的顶部在FromProc的底部之上
      point1X = fromProcX + fromProcW;  
      point1Y = toCenterY;
      point2X = point1X;
      point2Y = point1Y;
    }
    else{
      point1X = fromCenterX;
      point1Y = fromCenterY<toCenterY?fromProcY+fromProcH:fromProcY;
    }
    absX = toCenterX-fromCenterX;
    if (parseInt(fromProcW/2)>=absX) {
      point3X = fromCenterX;
      point3Y = fromCenterY<toCenterY?toProcY:toProcY+toProcH;
      point2X = point3X;
      point2Y = point3Y;
    }
    else{
      point3X = toProcX;
      point3Y = toCenterY;
    }		   
  }
  if (toCenterX < fromCenterX) {
    absY = toCenterY>=fromCenterY?toCenterY-fromCenterY:fromCenterY-toCenterY;
    if (parseInt(fromProcH/2)>=absY) {
      point1X = fromProcX;
      point1Y = toCenterY;
      point2X = point1X;
      point2Y = point1Y;
    }else{
      point1X = fromCenterX;
      point1Y = fromCenterY<toCenterY?fromProcY+fromProcH:fromProcY;
    }
    absX = fromCenterX-toCenterX;
    if (parseInt(fromProcW/2)>=absX) {
      point3X = fromCenterX;
      point3Y = fromCenterY<toCenterY?toProcY:toProcY+toProcH;
      point2X = point3X;
      point2Y = point3Y;
    }
    else{
      point3X = toProcX + toProcW;
      point3Y = toCenterY;
    }		   
    }
    if (toCenterX == fromCenterX) {
      point1X = fromCenterX;
      point1Y = fromCenterY>toCenterY?fromProcY:fromProcY+fromProcH;
      point3X = fromCenterX;
      point3Y = fromCenterY>toCenterY?toProcY+toProcH:toProcY;
      point2X = point3X;point2Y = point3Y;
    }
    if (toCenterY == fromCenterY) {
      point1X = fromCenterX>toCenterX?fromProcX:fromProcX+fromProcW;
      point1Y = fromCenterY;
      point3Y = fromCenterY;
      point3X = fromCenterX>toCenterX?toProcX+toProcW:toProcX;
      point2X = point3X;point2Y = point3Y;
    }
  return point1X+','+point1Y+' '+point2X+','+point2Y+' '+point3X+','+point3Y;
}

//判断两个[任务]的位置是否有重叠
function ifRepeatProc(fromX,fromY,fromW,fromH,toX,toY,toW,toH){
  return (fromX + fromW >= toX) && (fromY + fromH >= toY) && (toX + toW >= fromX) && (toY + toH >= fromY);
}