XiorkFlow流程设计器mootools学习版

这个是学习了XiorkFlow的流程设计器，然后结合mootools重写了一个。
原XiorkFlow可参看http://www.iteye.com/topic/42941。
暂时只支持IE，不支持FF。

评论

7 楼 basil1292 2008-07-22  

在网站上看过大虾们介绍的FF下开发javascript，然后去试验了一下，继而使用了FireBug,调试javascript真是一级棒，特别是编辑器中查看HTML DOM结构，还能双边显亮真是太不错了！
一个javascript应用如果只是针对单个的浏览器怎么都觉得太那个了，于是也想动手来FF一下。
1：在修改的过程中需兼容最大的就是对Event事件对象的调用：
在IE中可以这样使用:

//用一个DOM对象触发onclick方法,a方法中能拿到event对象
function a(){
    alert(event);
}

function onclick(){
   a();
}
//以上在IE下a()中可以拿到event对象，但是在FF下却不能，你需要将触发方法的Event对象通过参数传递给方法a

去网上搜罗了一下可以用以下的代码拿取Event对象

//同时兼容ie和ff的写法 取得event的方法,不断向上查找父类方法调用者，直到父类调用者是一个event发起者,但是在一个有继承关系对象中使用这个方法会造成死循环,所以在有继承关系时还是乖乖的传参数好了。
Toolkit.isIE = function(){
	return !/*@cc_on!@*/true;
	//或者return window.ie;
}
Toolkit.getEvent = function() {  
        if(Toolkit.isIE())  return window.event;    
        func=Toolkit.getEvent.caller;      
        while(func!=null){  
            var arg0=func.arguments[0]; 
            if(arg0){ 
              if((arg0.constructor==Event || arg0.constructor ==MouseEvent)
			      ||(typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)) {  
            	  return arg0; 
              } 
            } 
            func=func.caller; 
        } 
        return null; 
 } 

2：2个浏览器对XML DOM对象解析的方法:
对XML结构写成
<ROOT>
   <FILEMEG>
      <FILE ID='1' VALUE='AAA'></FILE>
   </FILEMEG>
</ROOT>

var root = this.xmlDom.documentElement; 
var files = root.getElementsByTagName('FILEMEG');
	
for(var i=0; i<files.length; i++){
	var file = files[i];
	var id = file.childNodes[0].getAttribute("ID");
        var value =  file.childNodes[0].getAttribute("VALUE");
}

3:碰见最大的问题还是画线的问题，在IE中支持vml但是FF完全不支持，于是向SVG靠拢。由于以前在IE下开发也习惯于使用VML，个人觉得vml比SVG好用多了，由于是动态的去创建各种图形对象，在vml中可以直接使用document.createElement()这种方法new出来，而不需要向SVG那样需一个容器，在拿取SVGDocuemnt在做许多的操作。vml的图形与DIV模拟的各种效果结合时也非常的方便，如果需要用SVG，那不得不所有的图形都需要使用SVG来画(至少我没找到什么好方法)动态的画带箭头的线，在vml中用<v:Stroke  endarrow='classic' />一个二级标签就可以弄出箭头，而且线在移动时箭头根据线来转动方位的，而在SVG中箭头也是由一个path来模拟的，线在变动时并不会根据线的起点终点的方向做相应的变化，难道我在做线的动态移动时还需要控制箭头的方向。。可能是我对SVG了解的太少吧，希望有高人来教教，这里还有一个苯苯狗的基于Prototype，利用Canvas绘图实现的web流程图设计器（原型）http://www.iteye.com/topic/183163，

6 楼 amu0528 2008-07-13  

每个节点应该加上处理人/action url属性等

5 楼 basil1292 2008-06-18  

。。。学习一段时间之后，基本上都能做，只是看上来很难似的，有人能提出更有建设性的意见不？想知道这玩意能在实际项目中发挥多大的作用？

4 楼 34982442 2008-06-18  

还没看，不错有这方面的天赋确实很厉害

3 楼 lilyfirst 2008-06-18  

不错，正在研究，佩服

2 楼 yewenyu 2008-06-10  

不错.真是感谢了.研究下,也许OA项目能用得上..

1 楼 zbird 2008-06-10  

bmp的附件，太不人道了点吧。
服务器是否禁止粘贴过大的bmp附件？