root / trunk / web / dojo / dijit / _HasDropDown.js @ 10
History | View | Annotate | Download (5.27 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["dijit._HasDropDown"]){ |
||
| 9 | dojo._hasResource["dijit._HasDropDown"]=true; |
||
| 10 | dojo.provide("dijit._HasDropDown");
|
||
| 11 | dojo.require("dijit._base.place");
|
||
| 12 | dojo.require("dijit._Widget");
|
||
| 13 | dojo.declare("dijit._HasDropDown",null,{_buttonNode:null,_arrowWrapperNode:null,_popupStateNode:null,_aroundNode:null,dropDown:null,autoWidth:true,forceWidth:false,maxHeight:0,dropDownPosition:["below","above"],_stopClickEvents:true,_onDropDownMouseDown:function(e){ |
||
| 14 | if(this.disabled||this.readOnly){ |
||
| 15 | return;
|
||
| 16 | } |
||
| 17 | this._docHandler=this.connect(dojo.doc,"onmouseup","_onDropDownMouseUp"); |
||
| 18 | this.toggleDropDown();
|
||
| 19 | },_onDropDownMouseUp:function(e){ |
||
| 20 | if(e&&this._docHandler){ |
||
| 21 | this.disconnect(this._docHandler); |
||
| 22 | } |
||
| 23 | var _1=this.dropDown,_2=false; |
||
| 24 | if(e&&this._opened){ |
||
| 25 | var c=dojo.position(this._buttonNode,true); |
||
| 26 | if(!(e.pageX>=c.x&&e.pageX<=c.x+c.w)||!(e.pageY>=c.y&&e.pageY<=c.y+c.h)){
|
||
| 27 | var t=e.target;
|
||
| 28 | while(t&&!_2){
|
||
| 29 | if(dojo.hasClass(t,"dijitPopup")){ |
||
| 30 | _2=true;
|
||
| 31 | }else{
|
||
| 32 | t=t.parentNode; |
||
| 33 | } |
||
| 34 | } |
||
| 35 | if(_2){
|
||
| 36 | t=e.target; |
||
| 37 | if(_1.onItemClick){
|
||
| 38 | var _3;
|
||
| 39 | while(t&&!(_3=dijit.byNode(t))){
|
||
| 40 | t=t.parentNode; |
||
| 41 | } |
||
| 42 | if(_3&&_3.onClick&&_3.getParent){
|
||
| 43 | _3.getParent().onItemClick(_3,e); |
||
| 44 | } |
||
| 45 | } |
||
| 46 | return;
|
||
| 47 | } |
||
| 48 | } |
||
| 49 | } |
||
| 50 | if(this._opened&&_1.focus){ |
||
| 51 | window.setTimeout(dojo.hitch(_1,"focus"),1); |
||
| 52 | } |
||
| 53 | },_onDropDownClick:function(e){ |
||
| 54 | if(this._stopClickEvents){ |
||
| 55 | dojo.stopEvent(e); |
||
| 56 | } |
||
| 57 | },_setupDropdown:function(){ |
||
| 58 | this._buttonNode=this._buttonNode||this.focusNode||this.domNode; |
||
| 59 | this._popupStateNode=this._popupStateNode||this.focusNode||this._buttonNode; |
||
| 60 | this._aroundNode=this._aroundNode||this.domNode; |
||
| 61 | this.connect(this._buttonNode,"onmousedown","_onDropDownMouseDown"); |
||
| 62 | this.connect(this._buttonNode,"onclick","_onDropDownClick"); |
||
| 63 | this.connect(this._buttonNode,"onkeydown","_onDropDownKeydown"); |
||
| 64 | this.connect(this._buttonNode,"onkeyup","_onKey"); |
||
| 65 | if(this._setStateClass){ |
||
| 66 | this.connect(this,"openDropDown","_setStateClass"); |
||
| 67 | this.connect(this,"closeDropDown","_setStateClass"); |
||
| 68 | } |
||
| 69 | var _4={"after":this.isLeftToRight()?"Right":"Left","before":this.isLeftToRight()?"Left":"Right","above":"Up","below":"Down","left":"Left","right":"Right"}[this.dropDownPosition[0]]||this.dropDownPosition[0]||"Down"; |
||
| 70 | dojo.addClass(this._arrowWrapperNode||this._buttonNode,"dijit"+_4+"ArrowButton"); |
||
| 71 | },postCreate:function(){ |
||
| 72 | this._setupDropdown();
|
||
| 73 | this.inherited(arguments); |
||
| 74 | },destroyDescendants:function(){ |
||
| 75 | if(this.dropDown){ |
||
| 76 | if(!this.dropDown._destroyed){ |
||
| 77 | this.dropDown.destroyRecursive();
|
||
| 78 | } |
||
| 79 | delete this.dropDown; |
||
| 80 | } |
||
| 81 | this.inherited(arguments); |
||
| 82 | },_onDropDownKeydown:function(e){ |
||
| 83 | if(e.keyCode==dojo.keys.DOWN_ARROW||e.keyCode==dojo.keys.ENTER||e.keyCode==dojo.keys.SPACE){
|
||
| 84 | e.preventDefault(); |
||
| 85 | } |
||
| 86 | },_onKey:function(e){ |
||
| 87 | if(this.disabled||this.readOnly){ |
||
| 88 | return;
|
||
| 89 | } |
||
| 90 | var d=this.dropDown; |
||
| 91 | if(d&&this._opened&&d.handleKey){ |
||
| 92 | if(d.handleKey(e)===false){ |
||
| 93 | return;
|
||
| 94 | } |
||
| 95 | } |
||
| 96 | if(d&&this._opened&&e.keyCode==dojo.keys.ESCAPE){ |
||
| 97 | this.toggleDropDown();
|
||
| 98 | }else{
|
||
| 99 | if(d&&!this._opened&&(e.keyCode==dojo.keys.DOWN_ARROW||e.keyCode==dojo.keys.ENTER||e.keyCode==dojo.keys.SPACE)){ |
||
| 100 | this.toggleDropDown();
|
||
| 101 | if(d.focus){
|
||
| 102 | setTimeout(dojo.hitch(d,"focus"),1); |
||
| 103 | } |
||
| 104 | } |
||
| 105 | } |
||
| 106 | },_onBlur:function(){ |
||
| 107 | this.closeDropDown();
|
||
| 108 | this.inherited(arguments); |
||
| 109 | },isLoaded:function(){ |
||
| 110 | return true; |
||
| 111 | },loadDropDown:function(_5){ |
||
| 112 | _5(); |
||
| 113 | },toggleDropDown:function(){ |
||
| 114 | if(this.disabled||this.readOnly){ |
||
| 115 | return;
|
||
| 116 | } |
||
| 117 | this.focus();
|
||
| 118 | var _6=this.dropDown; |
||
| 119 | if(!_6){
|
||
| 120 | return;
|
||
| 121 | } |
||
| 122 | if(!this._opened){ |
||
| 123 | if(!this.isLoaded()){ |
||
| 124 | this.loadDropDown(dojo.hitch(this,"openDropDown")); |
||
| 125 | return;
|
||
| 126 | }else{
|
||
| 127 | this.openDropDown();
|
||
| 128 | } |
||
| 129 | }else{
|
||
| 130 | this.closeDropDown();
|
||
| 131 | } |
||
| 132 | },openDropDown:function(){ |
||
| 133 | var _7=this.dropDown; |
||
| 134 | var _8=_7.domNode;
|
||
| 135 | var _9=this; |
||
| 136 | if(!this._preparedNode){ |
||
| 137 | dijit.popup.moveOffScreen(_8); |
||
| 138 | this._preparedNode=true; |
||
| 139 | if(_8.style.width){
|
||
| 140 | this._explicitDDWidth=true; |
||
| 141 | } |
||
| 142 | if(_8.style.height){
|
||
| 143 | this._explicitDDHeight=true; |
||
| 144 | } |
||
| 145 | } |
||
| 146 | if(this.maxHeight||this.forceWidth||this.autoWidth){ |
||
| 147 | var _a={display:"",visibility:"hidden"}; |
||
| 148 | if(!this._explicitDDWidth){ |
||
| 149 | _a.width="";
|
||
| 150 | } |
||
| 151 | if(!this._explicitDDHeight){ |
||
| 152 | _a.height="";
|
||
| 153 | } |
||
| 154 | dojo.style(_8,_a); |
||
| 155 | var mb=dojo.marginBox(_8);
|
||
| 156 | var _b=(this.maxHeight&&mb.h>this.maxHeight); |
||
| 157 | dojo.style(_8,{overflowX:"hidden",overflowY:_b?"auto":"hidden"});
|
||
| 158 | if(_b){
|
||
| 159 | mb.h=this.maxHeight;
|
||
| 160 | if("w" in mb){ |
||
| 161 | mb.w+=16;
|
||
| 162 | } |
||
| 163 | }else{
|
||
| 164 | delete mb.h;
|
||
| 165 | } |
||
| 166 | delete mb.t;
|
||
| 167 | delete mb.l;
|
||
| 168 | if(this.forceWidth){ |
||
| 169 | mb.w=this.domNode.offsetWidth;
|
||
| 170 | }else{
|
||
| 171 | if(this.autoWidth){ |
||
| 172 | mb.w=Math.max(mb.w,this.domNode.offsetWidth);
|
||
| 173 | }else{
|
||
| 174 | delete mb.w;
|
||
| 175 | } |
||
| 176 | } |
||
| 177 | if(dojo.isFunction(_7.resize)){
|
||
| 178 | _7.resize(mb); |
||
| 179 | }else{
|
||
| 180 | dojo.marginBox(_8,mb); |
||
| 181 | } |
||
| 182 | } |
||
| 183 | var _c=dijit.popup.open({parent:this,popup:_7,around:this._aroundNode,orient:dijit.getPopupAroundAlignment((this.dropDownPosition&&this.dropDownPosition.length)?this.dropDownPosition:["below"],this.isLeftToRight()),onExecute:function(){ |
||
| 184 | _9.closeDropDown(true);
|
||
| 185 | },onCancel:function(){ |
||
| 186 | _9.closeDropDown(true);
|
||
| 187 | },onClose:function(){ |
||
| 188 | dojo.attr(_9._popupStateNode,"popupActive",false); |
||
| 189 | dojo.removeClass(_9._popupStateNode,"dijitHasDropDownOpen");
|
||
| 190 | _9._opened=false;
|
||
| 191 | _9.state="";
|
||
| 192 | }}); |
||
| 193 | dojo.attr(this._popupStateNode,"popupActive","true"); |
||
| 194 | dojo.addClass(_9._popupStateNode,"dijitHasDropDownOpen");
|
||
| 195 | this._opened=true; |
||
| 196 | this.state="Opened"; |
||
| 197 | return _c;
|
||
| 198 | },closeDropDown:function(_d){ |
||
| 199 | if(this._opened){ |
||
| 200 | if(_d){
|
||
| 201 | this.focus();
|
||
| 202 | } |
||
| 203 | dijit.popup.close(this.dropDown);
|
||
| 204 | this._opened=false; |
||
| 205 | this.state=""; |
||
| 206 | } |
||
| 207 | }}); |
||
| 208 | } |