root / trunk / web / dojo / dojox / layout / dnd / PlottedDnd.js
History | View | Annotate | Download (10.5 KB)
| 1 | 9 | andrej.cim | /*
|
|---|---|---|---|
| 2 | Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
||
| 3 | Available via Academic Free License >= 2.1 OR the modified BSD license.
|
||
| 4 | see: http://dojotoolkit.org/license for details
|
||
| 5 | */
|
||
| 6 | |||
| 7 | |||
| 8 | if(!dojo._hasResource["dojox.layout.dnd.PlottedDnd"]){ |
||
| 9 | dojo._hasResource["dojox.layout.dnd.PlottedDnd"]=true; |
||
| 10 | dojo.provide("dojox.layout.dnd.PlottedDnd");
|
||
| 11 | dojo.require("dojo.dnd.Source");
|
||
| 12 | dojo.require("dojo.dnd.Manager");
|
||
| 13 | dojo.require("dojox.layout.dnd.Avatar");
|
||
| 14 | dojo.declare("dojox.layout.dnd.PlottedDnd",[dojo.dnd.Source],{GC_OFFSET_X:dojo.dnd.manager().OFFSET_X,GC_OFFSET_Y:dojo.dnd.manager().OFFSET_Y,constructor:function(_1,_2){ |
||
| 15 | this.childBoxes=null; |
||
| 16 | this.dropIndicator=new dojox.layout.dnd.DropIndicator("dndDropIndicator","div"); |
||
| 17 | this.withHandles=_2.withHandles;
|
||
| 18 | this.handleClasses=_2.handleClasses;
|
||
| 19 | this.opacity=_2.opacity;
|
||
| 20 | this.allowAutoScroll=_2.allowAutoScroll;
|
||
| 21 | this.dom=_2.dom;
|
||
| 22 | this.singular=true; |
||
| 23 | this.skipForm=true; |
||
| 24 | this._over=false; |
||
| 25 | this.defaultHandleClass="GcDndHandle"; |
||
| 26 | this.isDropped=false; |
||
| 27 | this._timer=null; |
||
| 28 | this.isOffset=(_2.isOffset)?true:false; |
||
| 29 | this.offsetDrag=(_2.offsetDrag)?_2.offsetDrag:{x:0,y:0}; |
||
| 30 | this.hideSource=_2.hideSource?_2.hideSource:true; |
||
| 31 | this._drop=this.dropIndicator.create(); |
||
| 32 | },_calculateCoords:function(_3){ |
||
| 33 | dojo.forEach(this.node.childNodes,function(_4){ |
||
| 34 | var c=dojo.coords(_4,true); |
||
| 35 | _4.coords={xy:c,w:_4.offsetWidth/2,h:_4.offsetHeight/2,mw:c.w};
|
||
| 36 | if(_3){
|
||
| 37 | _4.coords.mh=c.h; |
||
| 38 | } |
||
| 39 | },this);
|
||
| 40 | },_legalMouseDown:function(e){ |
||
| 41 | if(!this.withHandles){ |
||
| 42 | return true; |
||
| 43 | } |
||
| 44 | for(var _5=(e.target);_5&&_5!=this.node;_5=_5.parentNode){ |
||
| 45 | if(dojo.hasClass(_5,this.defaultHandleClass)){ |
||
| 46 | return true; |
||
| 47 | } |
||
| 48 | } |
||
| 49 | return false; |
||
| 50 | },setDndItemSelectable:function(_6,_7){ |
||
| 51 | for(var _8=_6;_8&&_6!=this.node;_8=_8.parentNode){ |
||
| 52 | if(dojo.hasClass(_8,"dojoDndItem")){ |
||
| 53 | dojo.setSelectable(_8,_7); |
||
| 54 | return;
|
||
| 55 | } |
||
| 56 | } |
||
| 57 | },getDraggedWidget:function(_9){ |
||
| 58 | var _a=_9;
|
||
| 59 | while(_a&&_a.nodeName.toLowerCase()!="body"&&!dojo.hasClass(_a,"dojoDndItem")){ |
||
| 60 | _a=_a.parentNode; |
||
| 61 | } |
||
| 62 | return (_a)?dijit.byNode(_a):null; |
||
| 63 | },isAccepted:function(_b){ |
||
| 64 | var _c=(_b)?_b.getAttribute("dndtype"):null; |
||
| 65 | return (_c&&_c in this.accept); |
||
| 66 | },onDndStart:function(_d,_e,_f){ |
||
| 67 | this.firstIndicator=(_d==this); |
||
| 68 | this._calculateCoords(true); |
||
| 69 | var m=dojo.dnd.manager();
|
||
| 70 | if(_e[0].coords){ |
||
| 71 | this._drop.style.height=_e[0].coords.mh+"px"; |
||
| 72 | dojo.style(m.avatar.node,"width",_e[0].coords.mw+"px"); |
||
| 73 | }else{
|
||
| 74 | this._drop.style.height=m.avatar.node.clientHeight+"px"; |
||
| 75 | } |
||
| 76 | this.dndNodes=_e;
|
||
| 77 | dojox.layout.dnd.PlottedDnd.superclass.onDndStart.call(this,_d,_e,_f);
|
||
| 78 | if(_d==this&&this.hideSource){ |
||
| 79 | dojo.forEach(_e,function(n){
|
||
| 80 | dojo.style(n,"display","none"); |
||
| 81 | }); |
||
| 82 | } |
||
| 83 | },onDndCancel:function(){ |
||
| 84 | var m=dojo.dnd.manager();
|
||
| 85 | if(m.source==this&&this.hideSource){ |
||
| 86 | var _10=this.getSelectedNodes(); |
||
| 87 | dojo.forEach(_10,function(n){
|
||
| 88 | dojo.style(n,"display",""); |
||
| 89 | }); |
||
| 90 | } |
||
| 91 | dojox.layout.dnd.PlottedDnd.superclass.onDndCancel.call(this);
|
||
| 92 | this.deleteDashedZone();
|
||
| 93 | },onDndDrop:function(_11,_12,_13,_14){ |
||
| 94 | try{
|
||
| 95 | if(!this.isAccepted(_12[0])){ |
||
| 96 | this.onDndCancel();
|
||
| 97 | }else{
|
||
| 98 | if(_11==this&&this._over&&this.dropObject){ |
||
| 99 | this.current=this.dropObject.c; |
||
| 100 | } |
||
| 101 | dojox.layout.dnd.PlottedDnd.superclass.onDndDrop.call(this,_11,_12,_13,_14);
|
||
| 102 | this._calculateCoords(true); |
||
| 103 | } |
||
| 104 | } |
||
| 105 | catch(e){
|
||
| 106 | console.warn(e); |
||
| 107 | } |
||
| 108 | },onMouseDown:function(e){ |
||
| 109 | if(this.current==null){ |
||
| 110 | this.selection={};
|
||
| 111 | }else{
|
||
| 112 | if(this.current==this.anchor){ |
||
| 113 | this.anchor=null; |
||
| 114 | } |
||
| 115 | } |
||
| 116 | if(this.current!==null){ |
||
| 117 | var c=dojo.coords(this.current,true); |
||
| 118 | this.current.coords={xy:c,w:this.current.offsetWidth/2,h:this.current.offsetHeight/2,mh:c.h,mw:c.w}; |
||
| 119 | this._drop.style.height=this.current.coords.mh+"px"; |
||
| 120 | if(this.isOffset){ |
||
| 121 | if(this.offsetDrag.x==0&&this.offsetDrag.y==0){ |
||
| 122 | var _15=true; |
||
| 123 | var _16=dojo.coords(this._getChildByEvent(e)); |
||
| 124 | this.offsetDrag.x=_16.x-e.pageX;
|
||
| 125 | this.offsetDrag.y=_16.y-e.clientY;
|
||
| 126 | } |
||
| 127 | if(this.offsetDrag.y<16&&this.current!=null){ |
||
| 128 | this.offsetDrag.y=this.GC_OFFSET_Y; |
||
| 129 | } |
||
| 130 | var m=dojo.dnd.manager();
|
||
| 131 | m.OFFSET_X=this.offsetDrag.x;
|
||
| 132 | m.OFFSET_Y=this.offsetDrag.y;
|
||
| 133 | if(_15){
|
||
| 134 | this.offsetDrag.x=0; |
||
| 135 | this.offsetDrag.y=0; |
||
| 136 | } |
||
| 137 | } |
||
| 138 | } |
||
| 139 | if(dojo.dnd.isFormElement(e)){
|
||
| 140 | this.setDndItemSelectable(e.target,true); |
||
| 141 | }else{
|
||
| 142 | this.containerSource=true; |
||
| 143 | var _17=this.getDraggedWidget(e.target); |
||
| 144 | if(_17&&_17.dragRestriction){
|
||
| 145 | }else{
|
||
| 146 | dojox.layout.dnd.PlottedDnd.superclass.onMouseDown.call(this,e);
|
||
| 147 | } |
||
| 148 | } |
||
| 149 | },onMouseUp:function(e){ |
||
| 150 | dojox.layout.dnd.PlottedDnd.superclass.onMouseUp.call(this,e);
|
||
| 151 | this.containerSource=false; |
||
| 152 | if(!dojo.isIE&&this.mouseDown){ |
||
| 153 | this.setDndItemSelectable(e.target,true); |
||
| 154 | } |
||
| 155 | var m=dojo.dnd.manager();
|
||
| 156 | m.OFFSET_X=this.GC_OFFSET_X;
|
||
| 157 | m.OFFSET_Y=this.GC_OFFSET_Y;
|
||
| 158 | },onMouseMove:function(e){ |
||
| 159 | var m=dojo.dnd.manager();
|
||
| 160 | if(this.isDragging){ |
||
| 161 | var _18=false; |
||
| 162 | if(this.current!=null||(this.current==null&&!this.dropObject)){ |
||
| 163 | if(this.isAccepted(m.nodes[0])||this.containerSource){ |
||
| 164 | _18=this.setIndicatorPosition(e);
|
||
| 165 | } |
||
| 166 | } |
||
| 167 | if(this.current!=this.targetAnchor||_18!=this.before){ |
||
| 168 | this._markTargetAnchor(_18);
|
||
| 169 | m.canDrop(!this.current||m.source!=this||!(this.current.id in this.selection)); |
||
| 170 | } |
||
| 171 | if(this.allowAutoScroll){ |
||
| 172 | this._checkAutoScroll(e);
|
||
| 173 | } |
||
| 174 | }else{
|
||
| 175 | if(this.mouseDown&&this.isSource){ |
||
| 176 | var _19=this.getSelectedNodes(); |
||
| 177 | if(_19.length){
|
||
| 178 | m.startDrag(this,_19,this.copyState(dojo.isCopyKey(e))); |
||
| 179 | } |
||
| 180 | } |
||
| 181 | if(this.allowAutoScroll){ |
||
| 182 | this._stopAutoScroll();
|
||
| 183 | } |
||
| 184 | } |
||
| 185 | },_markTargetAnchor:function(_1a){ |
||
| 186 | if(this.current==this.targetAnchor&&this.before==_1a){ |
||
| 187 | return;
|
||
| 188 | } |
||
| 189 | this.targetAnchor=this.current; |
||
| 190 | this.targetBox=null; |
||
| 191 | this.before=_1a;
|
||
| 192 | },_unmarkTargetAnchor:function(){ |
||
| 193 | if(!this.targetAnchor){ |
||
| 194 | return;
|
||
| 195 | } |
||
| 196 | this.targetAnchor=null; |
||
| 197 | this.targetBox=null; |
||
| 198 | this.before=true; |
||
| 199 | },setIndicatorPosition:function(e){ |
||
| 200 | var _1b=false; |
||
| 201 | if(this.current){ |
||
| 202 | if(!this.current.coords||this.allowAutoScroll){ |
||
| 203 | this.current.coords={xy:dojo.coords(this.current,true),w:this.current.offsetWidth/2,h:this.current.offsetHeight/2}; |
||
| 204 | } |
||
| 205 | _1b=this.horizontal?(e.pageX-this.current.coords.xy.x)<this.current.coords.w:(e.pageY-this.current.coords.xy.y)<this.current.coords.h; |
||
| 206 | this.insertDashedZone(_1b);
|
||
| 207 | }else{
|
||
| 208 | if(!this.dropObject){ |
||
| 209 | this.insertDashedZone(false); |
||
| 210 | } |
||
| 211 | } |
||
| 212 | return _1b;
|
||
| 213 | },onOverEvent:function(){ |
||
| 214 | this._over=true; |
||
| 215 | dojox.layout.dnd.PlottedDnd.superclass.onOverEvent.call(this);
|
||
| 216 | if(this.isDragging){ |
||
| 217 | var m=dojo.dnd.manager();
|
||
| 218 | if(!this.current&&!this.dropObject&&this.getSelectedNodes()[0]&&this.isAccepted(m.nodes[0])){ |
||
| 219 | this.insertDashedZone(false); |
||
| 220 | } |
||
| 221 | } |
||
| 222 | },onOutEvent:function(){ |
||
| 223 | this._over=false; |
||
| 224 | this.containerSource=false; |
||
| 225 | dojox.layout.dnd.PlottedDnd.superclass.onOutEvent.call(this);
|
||
| 226 | if(this.dropObject){ |
||
| 227 | this.deleteDashedZone();
|
||
| 228 | } |
||
| 229 | },deleteDashedZone:function(){ |
||
| 230 | this._drop.style.display="none"; |
||
| 231 | var _1c=this._drop.nextSibling; |
||
| 232 | while(_1c!=null){ |
||
| 233 | _1c.coords.xy.y-=parseInt(this._drop.style.height);
|
||
| 234 | _1c=_1c.nextSibling; |
||
| 235 | } |
||
| 236 | delete this.dropObject; |
||
| 237 | },insertDashedZone:function(_1d){ |
||
| 238 | if(this.dropObject){ |
||
| 239 | if(_1d==this.dropObject.b&&((this.current&&this.dropObject.c==this.current.id)||(!this.current&&!this.dropObject.c))){ |
||
| 240 | return;
|
||
| 241 | }else{
|
||
| 242 | this.deleteDashedZone();
|
||
| 243 | } |
||
| 244 | } |
||
| 245 | this.dropObject={n:this._drop,c:this.current?this.current.id:null,b:_1d}; |
||
| 246 | if(this.current){ |
||
| 247 | dojo.place(this._drop,this.current,_1d?"before":"after"); |
||
| 248 | if(!this.firstIndicator){ |
||
| 249 | var _1e=this._drop.nextSibling; |
||
| 250 | while(_1e!=null){ |
||
| 251 | _1e.coords.xy.y+=parseInt(this._drop.style.height);
|
||
| 252 | _1e=_1e.nextSibling; |
||
| 253 | } |
||
| 254 | }else{
|
||
| 255 | this.firstIndicator=false; |
||
| 256 | } |
||
| 257 | }else{
|
||
| 258 | this.node.appendChild(this._drop); |
||
| 259 | } |
||
| 260 | this._drop.style.display=""; |
||
| 261 | },insertNodes:function(_1f,_20,_21,_22){ |
||
| 262 | if(this.dropObject){ |
||
| 263 | dojo.style(this.dropObject.n,"display","none"); |
||
| 264 | dojox.layout.dnd.PlottedDnd.superclass.insertNodes.call(this,true,_20,true,this.dropObject.n); |
||
| 265 | this.deleteDashedZone();
|
||
| 266 | }else{
|
||
| 267 | return dojox.layout.dnd.PlottedDnd.superclass.insertNodes.call(this,_1f,_20,_21,_22); |
||
| 268 | } |
||
| 269 | var _23=dijit.byId(_20[0].getAttribute("widgetId")); |
||
| 270 | if(_23){
|
||
| 271 | dojox.layout.dnd._setGcDndHandle(_23,this.withHandles,this.handleClasses); |
||
| 272 | if(this.hideSource){ |
||
| 273 | dojo.style(_23.domNode,"display",""); |
||
| 274 | } |
||
| 275 | } |
||
| 276 | },_checkAutoScroll:function(e){ |
||
| 277 | if(this._timer){ |
||
| 278 | clearTimeout(this._timer);
|
||
| 279 | } |
||
| 280 | this._stopAutoScroll();
|
||
| 281 | var _24=this.dom,y=this._sumAncestorProperties(_24,"offsetTop"); |
||
| 282 | if((e.pageY-_24.offsetTop+30)>_24.clientHeight){ |
||
| 283 | this.autoScrollActive=true; |
||
| 284 | this._autoScrollDown(_24);
|
||
| 285 | }else{
|
||
| 286 | if((_24.scrollTop>0)&&(e.pageY-y)<30){ |
||
| 287 | this.autoScrollActive=true; |
||
| 288 | this._autoScrollUp(_24);
|
||
| 289 | } |
||
| 290 | } |
||
| 291 | },_autoScrollUp:function(_25){ |
||
| 292 | if(this.autoScrollActive&&_25.scrollTop>0){ |
||
| 293 | _25.scrollTop-=30;
|
||
| 294 | this._timer=setTimeout(dojo.hitch(this,"_autoScrollUp",_25),100); |
||
| 295 | } |
||
| 296 | },_autoScrollDown:function(_26){ |
||
| 297 | if(this.autoScrollActive&&(_26.scrollTop<(_26.scrollHeight-_26.clientHeight))){ |
||
| 298 | _26.scrollTop+=30;
|
||
| 299 | this._timer=setTimeout(dojo.hitch(this,"_autoScrollDown",_26),100); |
||
| 300 | } |
||
| 301 | },_stopAutoScroll:function(){ |
||
| 302 | this.autoScrollActive=false; |
||
| 303 | },_sumAncestorProperties:function(_27,_28){ |
||
| 304 | _27=dojo.byId(_27); |
||
| 305 | if(!_27){
|
||
| 306 | return 0; |
||
| 307 | } |
||
| 308 | var _29=0; |
||
| 309 | while(_27){
|
||
| 310 | var val=_27[_28];
|
||
| 311 | if(val){
|
||
| 312 | _29+=val-0;
|
||
| 313 | if(_27==dojo.body()){
|
||
| 314 | break;
|
||
| 315 | } |
||
| 316 | } |
||
| 317 | _27=_27.parentNode; |
||
| 318 | } |
||
| 319 | return _29;
|
||
| 320 | }}); |
||
| 321 | dojox.layout.dnd._setGcDndHandle=function(_2a,_2b,_2c,_2d){ |
||
| 322 | var cls="GcDndHandle"; |
||
| 323 | if(!_2d){
|
||
| 324 | dojo.query(".GcDndHandle",_2a.domNode).removeClass(cls);
|
||
| 325 | } |
||
| 326 | if(!_2b){
|
||
| 327 | dojo.addClass(_2a.domNode,cls); |
||
| 328 | }else{
|
||
| 329 | var _2e=false; |
||
| 330 | for(var i=_2c.length-1;i>=0;i--){ |
||
| 331 | var _2f=dojo.query("."+_2c[i],_2a.domNode)[0]; |
||
| 332 | if(_2f){
|
||
| 333 | _2e=true;
|
||
| 334 | if(_2c[i]!=cls){
|
||
| 335 | var _30=dojo.query("."+cls,_2a.domNode); |
||
| 336 | if(_30.length==0){ |
||
| 337 | dojo.removeClass(_2a.domNode,cls); |
||
| 338 | }else{
|
||
| 339 | _30.removeClass(cls); |
||
| 340 | } |
||
| 341 | dojo.addClass(_2f,cls); |
||
| 342 | } |
||
| 343 | } |
||
| 344 | } |
||
| 345 | if(!_2e){
|
||
| 346 | dojo.addClass(_2a.domNode,cls); |
||
| 347 | } |
||
| 348 | } |
||
| 349 | }; |
||
| 350 | dojo.declare("dojox.layout.dnd.DropIndicator",null,{constructor:function(cn,tag){ |
||
| 351 | this.tag=tag||"div"; |
||
| 352 | this.style=cn||null; |
||
| 353 | },isInserted:function(){ |
||
| 354 | return (this.node.parentNode&&this.node.parentNode.nodeType==1); |
||
| 355 | },create:function(){ |
||
| 356 | if(this.node&&this.isInserted()){ |
||
| 357 | return this.node; |
||
| 358 | } |
||
| 359 | var h="90px",el=dojo.doc.createElement(this.tag); |
||
| 360 | if(this.style){ |
||
| 361 | el.className=this.style;
|
||
| 362 | el.style.height=h; |
||
| 363 | }else{
|
||
| 364 | dojo.style(el,{position:"relative",border:"1px dashed #F60",margin:"2px",height:h});
|
||
| 365 | } |
||
| 366 | this.node=el;
|
||
| 367 | return el;
|
||
| 368 | },destroy:function(){ |
||
| 369 | if(!this.node||!this.isInserted()){ |
||
| 370 | return;
|
||
| 371 | } |
||
| 372 | this.node.parentNode.removeChild(this.node); |
||
| 373 | this.node=null; |
||
| 374 | }}); |
||
| 375 | dojo.extend(dojo.dnd.Manager,{canDrop:function(_31){
|
||
| 376 | var _32=this.target&&_31; |
||
| 377 | if(this.canDropFlag!=_32){ |
||
| 378 | this.canDropFlag=_32;
|
||
| 379 | if(this.avatar){ |
||
| 380 | this.avatar.update();
|
||
| 381 | } |
||
| 382 | } |
||
| 383 | },makeAvatar:function(){ |
||
| 384 | return (this.source.declaredClass=="dojox.layout.dnd.PlottedDnd")?new dojox.layout.dnd.Avatar(this,this.source.opacity):new dojo.dnd.Avatar(this); |
||
| 385 | }}); |
||
| 386 | if(dojo.isIE){
|
||
| 387 | dojox.layout.dnd.handdleIE=[dojo.subscribe("/dnd/start",null,function(){ |
||
| 388 | IEonselectstart=document.body.onselectstart; |
||
| 389 | document.body.onselectstart=function(){ |
||
| 390 | return false; |
||
| 391 | }; |
||
| 392 | }),dojo.subscribe("/dnd/cancel",null,function(){ |
||
| 393 | document.body.onselectstart=IEonselectstart; |
||
| 394 | }),dojo.subscribe("/dnd/drop",null,function(){ |
||
| 395 | document.body.onselectstart=IEonselectstart; |
||
| 396 | })]; |
||
| 397 | dojo.addOnWindowUnload(function(){
|
||
| 398 | dojo.forEach(dojox.layout.dnd.handdleIE,dojo.unsubscribe); |
||
| 399 | }); |
||
| 400 | } |
||
| 401 | } |