root / trunk / web / dojo / dojox / widget / Dialog.js @ 13
History | View | Annotate | Download (3.9 KB)
1 |
/*
|
---|---|
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.widget.Dialog"]){ |
9 |
dojo._hasResource["dojox.widget.Dialog"]=true; |
10 |
dojo.provide("dojox.widget.Dialog");
|
11 |
dojo.experimental("dojox.widget.Dialog");
|
12 |
dojo.require("dojo.window");
|
13 |
dojo.require("dijit.Dialog");
|
14 |
dojo.require("dojox.layout.ContentPane");
|
15 |
dojo.require("dojox.fx");
|
16 |
dojo.declare("dojox.widget.Dialog",[dojox.layout.ContentPane,dijit._DialogBase],{templateString:dojo.cache("dojox.widget","Dialog/Dialog.html","<div class=\"dojoxDialog\" tabindex=\"-1\" waiRole=\"dialog\" waiState=\"labelledby-${id}_title\">\n\t<div dojoAttachPoint=\"titleBar\" class=\"dojoxDialogTitleBar\">\n\t\t<span dojoAttachPoint=\"titleNode\" class=\"dojoxDialogTitle\" id=\"${id}_title\">${title}</span>\n\t</div>\n\t<div dojoAttachPoint=\"dojoxDialogWrapper\">\n\t\t<div dojoAttachPoint=\"containerNode\" class=\"dojoxDialogPaneContent\"></div>\n\t</div>\n\t<div dojoAttachPoint=\"closeButtonNode\" class=\"dojoxDialogCloseIcon\" dojoAttachEvent=\"onclick: onCancel\">\n\t\t\t<span dojoAttachPoint=\"closeText\" class=\"closeText\">x</span>\n\t</div>\n</div>\n"),sizeToViewport:false,viewportPadding:35,dimensions:null,easing:null,sizeDuration:dijit._defaultDuration,sizeMethod:"chain",showTitle:false,draggable:false,modal:false,constructor:function(_1,_2){ |
17 |
this.easing=_1.easing||dojo._defaultEasing;
|
18 |
this.dimensions=_1.dimensions||[300,300]; |
19 |
},_setup:function(){ |
20 |
this.inherited(arguments); |
21 |
if(!this._alreadyInitialized){ |
22 |
this._navIn=dojo.fadeIn({node:this.closeButtonNode}); |
23 |
this._navOut=dojo.fadeOut({node:this.closeButtonNode}); |
24 |
if(!this.showTitle){ |
25 |
dojo.addClass(this.domNode,"dojoxDialogNoTitle"); |
26 |
} |
27 |
} |
28 |
},layout:function(e){ |
29 |
this._setSize();
|
30 |
this.inherited(arguments); |
31 |
},_setSize:function(){ |
32 |
this._vp=dojo.window.getBox();
|
33 |
var tc=this.containerNode,_3=this.sizeToViewport; |
34 |
return this._displaysize={w:_3?tc.scrollWidth:this.dimensions[0],h:_3?tc.scrollHeight:this.dimensions[1]}; |
35 |
},show:function(){ |
36 |
if(this.open){ |
37 |
return;
|
38 |
} |
39 |
this._setSize();
|
40 |
dojo.style(this.closeButtonNode,"opacity",0); |
41 |
dojo.style(this.domNode,{overflow:"hidden",opacity:0,width:"1px",height:"1px"}); |
42 |
dojo.style(this.containerNode,{opacity:0,overflow:"hidden"}); |
43 |
this.inherited(arguments); |
44 |
if(this.modal){ |
45 |
this._modalconnects.push(dojo.connect(dojo.body(),"onkeypress",function(e){ |
46 |
if(e.charOrCode==dojo.keys.ESCAPE){
|
47 |
dojo.stopEvent(e); |
48 |
} |
49 |
})); |
50 |
}else{
|
51 |
this._modalconnects.push(dojo.connect(dijit._underlay.domNode,"onclick",this,"onCancel")); |
52 |
} |
53 |
this._modalconnects.push(dojo.connect(this.domNode,"onmouseenter",this,"_handleNav")); |
54 |
this._modalconnects.push(dojo.connect(this.domNode,"onmouseleave",this,"_handleNav")); |
55 |
},_handleNav:function(e){ |
56 |
var _4="_navOut",_5="_navIn",_6=(e.type=="mouseout"?_5:_4),_7=(e.type=="mouseout"?_4:_5); |
57 |
this[_6].stop();
|
58 |
this[_7].play();
|
59 |
},_position:function(){ |
60 |
if(!this._started){ |
61 |
return;
|
62 |
} |
63 |
if(this._sizing){ |
64 |
this._sizing.stop();
|
65 |
this.disconnect(this._sizingConnect); |
66 |
delete this._sizing; |
67 |
} |
68 |
this.inherited(arguments); |
69 |
if(!this.open){ |
70 |
dojo.style(this.containerNode,"opacity",0); |
71 |
} |
72 |
var _8=this.viewportPadding*2; |
73 |
var _9={node:this.domNode,duration:this.sizeDuration||dijit._defaultDuration,easing:this.easing,method:this.sizeMethod}; |
74 |
var ds=this._displaysize||this._setSize(); |
75 |
_9["width"]=ds.w=(ds.w+_8>=this._vp.w||this.sizeToViewport)?this._vp.w-_8:ds.w; |
76 |
_9["height"]=ds.h=(ds.h+_8>=this._vp.h||this.sizeToViewport)?this._vp.h-_8:ds.h; |
77 |
this._sizing=dojox.fx.sizeTo(_9);
|
78 |
this._sizingConnect=this.connect(this._sizing,"onEnd","_showContent"); |
79 |
this._sizing.play();
|
80 |
},_showContent:function(e){ |
81 |
var _a=this.containerNode; |
82 |
dojo.style(this.domNode,{overflow:"visible",opacity:1}); |
83 |
dojo.style(this.closeButtonNode,"opacity",1); |
84 |
dojo.style(_a,{height:this._displaysize.h-this.titleNode.offsetHeight+"px",width:this._displaysize.w+"px",overflow:"auto"}); |
85 |
dojo.anim(_a,{opacity:1}); |
86 |
}}); |
87 |
} |