root / trunk / web / dojo / dojox / form / FilePickerTextBox.js @ 12
History | View | Annotate | Download (7.16 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.form.FilePickerTextBox"]){ |
||
| 9 | dojo._hasResource["dojox.form.FilePickerTextBox"]=true; |
||
| 10 | dojo.provide("dojox.form.FilePickerTextBox");
|
||
| 11 | dojo.require("dojo.window");
|
||
| 12 | dojo.require("dijit.form.ValidationTextBox");
|
||
| 13 | dojo.require("dijit._HasDropDown");
|
||
| 14 | dojo.require("dojox.widget.FilePicker");
|
||
| 15 | dojo.declare("dojox.form.FilePickerTextBox",[dijit.form.ValidationTextBox,dijit._HasDropDown],{baseClass:"dojoxFilePickerTextBox",templateString:dojo.cache("dojox.form","resources/FilePickerTextBox.html","<div class=\"dijit dijitReset dijitInlineTable dijitLeft\"\n\tid=\"widget_${id}\"\n\twaiRole=\"combobox\" tabIndex=\"-1\"\n\t><div style=\"overflow:hidden;\"\n\t\t><div class='dijitReset dijitRight dijitButtonNode dijitArrowButton dijitDownArrowButton'\n\t\t\tdojoAttachPoint=\"downArrowNode,_buttonNode,_popupStateNode\" waiRole=\"presentation\"\n\t\t\t><div class=\"dijitArrowButtonInner\"> </div\n\t\t\t><div class=\"dijitArrowButtonChar\">▼</div\n\t\t></div\n\t\t><div class=\"dijitReset dijitValidationIcon\"><br></div\n\t\t><div class=\"dijitReset dijitValidationIconText\">Χ</div\n\t\t><div class=\"dijitReset dijitInputField\"\n\t\t\t><input type=\"text\" autocomplete=\"off\" ${!nameAttrSetting} class='dijitReset'\n\t\t\t\tdojoAttachEvent='onkeypress:_onKey' \n\t\t\t\tdojoAttachPoint='textbox,focusNode' waiRole=\"textbox\" waiState=\"haspopup-true,autocomplete-list\"\n\t\t/></div\n\t></div\n></div>\n"),searchDelay:500,valueItem:null,numPanes:2.25,postMixInProperties:function(){ |
||
| 16 | this.inherited(arguments); |
||
| 17 | this.dropDown=new dojox.widget.FilePicker(this.constraints); |
||
| 18 | },postCreate:function(){ |
||
| 19 | this.inherited(arguments); |
||
| 20 | this.connect(this.dropDown,"onChange",this._onWidgetChange); |
||
| 21 | this.connect(this.focusNode,"onblur","_focusBlur"); |
||
| 22 | this.connect(this.focusNode,"onfocus","_focusFocus"); |
||
| 23 | this.connect(this.focusNode,"ondblclick",function(){ |
||
| 24 | dijit.selectInputText(this.focusNode);
|
||
| 25 | }); |
||
| 26 | },_setValueAttr:function(_1,_2,_3){ |
||
| 27 | if(!this._searchInProgress){ |
||
| 28 | this.inherited(arguments); |
||
| 29 | _1=_1||"";
|
||
| 30 | var _4=this.dropDown.attr("pathValue")||""; |
||
| 31 | if(_1!==_4){
|
||
| 32 | this._skip=true; |
||
| 33 | var fx=dojo.hitch(this,"_setBlurValue"); |
||
| 34 | this.dropDown._setPathValueAttr(_1,!_3,this._settingBlurValue?fx:null); |
||
| 35 | } |
||
| 36 | } |
||
| 37 | },_onWidgetChange:function(_5){ |
||
| 38 | if(!_5&&this.focusNode.value){ |
||
| 39 | this._hasValidPath=false; |
||
| 40 | this.focusNode.value=""; |
||
| 41 | }else{
|
||
| 42 | this.valueItem=_5;
|
||
| 43 | var _6=this.dropDown._getPathValueAttr(_5); |
||
| 44 | if(_6){
|
||
| 45 | this._hasValidPath=true; |
||
| 46 | } |
||
| 47 | if(!this._skip){ |
||
| 48 | this._setValueAttr(_6,undefined,true); |
||
| 49 | } |
||
| 50 | delete this._skip; |
||
| 51 | } |
||
| 52 | this.validate();
|
||
| 53 | },startup:function(){ |
||
| 54 | if(!this.dropDown._started){ |
||
| 55 | this.dropDown.startup();
|
||
| 56 | } |
||
| 57 | this.inherited(arguments); |
||
| 58 | },openDropDown:function(){ |
||
| 59 | this.dropDown.domNode.style.width="0px"; |
||
| 60 | if(!("minPaneWidth" in (this.constraints||{}))){ |
||
| 61 | this.dropDown.attr("minPaneWidth",(this.domNode.offsetWidth/this.numPanes)); |
||
| 62 | } |
||
| 63 | this.inherited(arguments); |
||
| 64 | },toggleDropDown:function(){ |
||
| 65 | this.inherited(arguments); |
||
| 66 | if(this._opened){ |
||
| 67 | this.dropDown.attr("pathValue",this.get("value")); |
||
| 68 | } |
||
| 69 | },_focusBlur:function(e){ |
||
| 70 | if(e.explicitOriginalTarget==this.focusNode&&!this._allowBlur){ |
||
| 71 | window.setTimeout(dojo.hitch(this,function(){ |
||
| 72 | if(!this._allowBlur){ |
||
| 73 | this.focus();
|
||
| 74 | } |
||
| 75 | }),1);
|
||
| 76 | }else{
|
||
| 77 | if(this._menuFocus){ |
||
| 78 | this.dropDown._updateClass(this._menuFocus,"Item",{"Hover":false}); |
||
| 79 | delete this._menuFocus; |
||
| 80 | } |
||
| 81 | } |
||
| 82 | },_focusFocus:function(e){ |
||
| 83 | if(this._menuFocus){ |
||
| 84 | this.dropDown._updateClass(this._menuFocus,"Item",{"Hover":false}); |
||
| 85 | } |
||
| 86 | delete this._menuFocus; |
||
| 87 | var _7=dijit.getFocus(this); |
||
| 88 | if(_7&&_7.node){
|
||
| 89 | _7=dijit.byNode(_7.node); |
||
| 90 | if(_7){
|
||
| 91 | this._menuFocus=_7.domNode;
|
||
| 92 | } |
||
| 93 | } |
||
| 94 | if(this._menuFocus){ |
||
| 95 | this.dropDown._updateClass(this._menuFocus,"Item",{"Hover":true}); |
||
| 96 | } |
||
| 97 | delete this._allowBlur; |
||
| 98 | },_onBlur:function(){ |
||
| 99 | this._allowBlur=true; |
||
| 100 | delete this.dropDown._savedFocus; |
||
| 101 | this.inherited(arguments); |
||
| 102 | },_setBlurValue:function(){ |
||
| 103 | if(this.dropDown&&!this._settingBlurValue){ |
||
| 104 | this._settingBlurValue=true; |
||
| 105 | this.set("value",this.focusNode.value); |
||
| 106 | }else{
|
||
| 107 | delete this._settingBlurValue; |
||
| 108 | this.inherited(arguments); |
||
| 109 | } |
||
| 110 | },parse:function(_8,_9){ |
||
| 111 | if(this._hasValidPath||this._hasSelection){ |
||
| 112 | return _8;
|
||
| 113 | } |
||
| 114 | var dd=this.dropDown,_a=dd.topDir,_b=dd.pathSeparator; |
||
| 115 | var _c=dd.attr("pathValue"); |
||
| 116 | var _d=function(v){ |
||
| 117 | if(_a.length&&v.indexOf(_a)===0){ |
||
| 118 | v=v.substring(_a.length); |
||
| 119 | } |
||
| 120 | if(_b&&v[v.length-1]==_b){ |
||
| 121 | v=v.substring(0,v.length-1); |
||
| 122 | } |
||
| 123 | return v;
|
||
| 124 | }; |
||
| 125 | _c=_d(_c); |
||
| 126 | var _e=_d(_8);
|
||
| 127 | if(_e==_c){
|
||
| 128 | return _8;
|
||
| 129 | } |
||
| 130 | return undefined; |
||
| 131 | },_startSearchFromInput:function(){ |
||
| 132 | var dd=this.dropDown,fn=this.focusNode; |
||
| 133 | var _f=fn.value,_10=_f,_11=dd.topDir;
|
||
| 134 | if(this._hasSelection){ |
||
| 135 | dijit.selectInputText(fn,_10.length); |
||
| 136 | } |
||
| 137 | this._hasSelection=false; |
||
| 138 | if(_11.length&&_f.indexOf(_11)===0){ |
||
| 139 | _f=_f.substring(_11.length); |
||
| 140 | } |
||
| 141 | var _12=_f.split(dd.pathSeparator);
|
||
| 142 | var _13=dojo.hitch(this,function(idx){ |
||
| 143 | var dir=_12[idx];
|
||
| 144 | var _14=dd.getChildren()[idx];
|
||
| 145 | var _15;
|
||
| 146 | this._searchInProgress=true; |
||
| 147 | var _16=dojo.hitch(this,function(){ |
||
| 148 | delete this._searchInProgress; |
||
| 149 | }); |
||
| 150 | if((dir||_14)&&!this._opened){ |
||
| 151 | this.toggleDropDown();
|
||
| 152 | } |
||
| 153 | if(dir&&_14){
|
||
| 154 | var fx=dojo.hitch(this,function(){ |
||
| 155 | if(_15){
|
||
| 156 | this.disconnect(_15);
|
||
| 157 | } |
||
| 158 | delete _15;
|
||
| 159 | var _17=_14._menu.getChildren();
|
||
| 160 | var _18=dojo.filter(_17,function(i){ |
||
| 161 | return i.label==dir;
|
||
| 162 | })[0];
|
||
| 163 | var _19=dojo.filter(_17,function(i){ |
||
| 164 | return (i.label.indexOf(dir)===0); |
||
| 165 | })[0];
|
||
| 166 | if(_18&&((_12.length>idx+1&&_18.children)||(!_18.children))){ |
||
| 167 | idx++; |
||
| 168 | _14._menu.onItemClick(_18,{type:"internal",stopPropagation:function(){
|
||
| 169 | },preventDefault:function(){ |
||
| 170 | }}); |
||
| 171 | if(_12[idx]){
|
||
| 172 | _13(idx); |
||
| 173 | }else{
|
||
| 174 | _16(); |
||
| 175 | } |
||
| 176 | }else{
|
||
| 177 | _14._setSelected(null);
|
||
| 178 | if(_19&&_12.length===idx+1){ |
||
| 179 | dd._setInProgress=true;
|
||
| 180 | dd._removeAfter(_14); |
||
| 181 | delete dd._setInProgress;
|
||
| 182 | var _1a=_19.label;
|
||
| 183 | if(_19.children){
|
||
| 184 | _1a+=dd.pathSeparator; |
||
| 185 | } |
||
| 186 | _1a=_1a.substring(dir.length); |
||
| 187 | window.setTimeout(function(){
|
||
| 188 | dojo.window.scrollIntoView(_19.domNode); |
||
| 189 | },1);
|
||
| 190 | fn.value=_10+_1a; |
||
| 191 | dijit.selectInputText(fn,_10.length); |
||
| 192 | this._hasSelection=true; |
||
| 193 | try{
|
||
| 194 | _19.focusNode.focus(); |
||
| 195 | } |
||
| 196 | catch(e){
|
||
| 197 | } |
||
| 198 | }else{
|
||
| 199 | if(this._menuFocus){ |
||
| 200 | this.dropDown._updateClass(this._menuFocus,"Item",{"Hover":false,"Focus":false}); |
||
| 201 | } |
||
| 202 | delete this._menuFocus; |
||
| 203 | } |
||
| 204 | _16(); |
||
| 205 | } |
||
| 206 | }); |
||
| 207 | if(!_14.isLoaded){
|
||
| 208 | _15=this.connect(_14,"onLoad",fx); |
||
| 209 | }else{
|
||
| 210 | fx(); |
||
| 211 | } |
||
| 212 | }else{
|
||
| 213 | if(_14){
|
||
| 214 | _14._setSelected(null);
|
||
| 215 | dd._setInProgress=true;
|
||
| 216 | dd._removeAfter(_14); |
||
| 217 | delete dd._setInProgress;
|
||
| 218 | } |
||
| 219 | _16(); |
||
| 220 | } |
||
| 221 | }); |
||
| 222 | _13(0);
|
||
| 223 | },_onKey:function(e){ |
||
| 224 | if(this.disabled||this.readOnly){ |
||
| 225 | return;
|
||
| 226 | } |
||
| 227 | var dk=dojo.keys;
|
||
| 228 | var c=e.charOrCode;
|
||
| 229 | if(c==dk.DOWN_ARROW){
|
||
| 230 | this._allowBlur=true; |
||
| 231 | } |
||
| 232 | if(c==dk.ENTER&&this._opened){ |
||
| 233 | this.dropDown.onExecute();
|
||
| 234 | dijit.selectInputText(this.focusNode,this.focusNode.value.length); |
||
| 235 | this._hasSelection=false; |
||
| 236 | dojo.stopEvent(e); |
||
| 237 | return;
|
||
| 238 | } |
||
| 239 | if((c==dk.RIGHT_ARROW||c==dk.LEFT_ARROW||c==dk.TAB)&&this._hasSelection){ |
||
| 240 | this._startSearchFromInput();
|
||
| 241 | dojo.stopEvent(e); |
||
| 242 | return;
|
||
| 243 | } |
||
| 244 | this.inherited(arguments); |
||
| 245 | var _1b=false; |
||
| 246 | if((c==dk.BACKSPACE||c==dk.DELETE)&&this._hasSelection){ |
||
| 247 | this._hasSelection=false; |
||
| 248 | }else{
|
||
| 249 | if(c==dk.BACKSPACE||c==dk.DELETE||c==" "){ |
||
| 250 | _1b=true;
|
||
| 251 | }else{
|
||
| 252 | _1b=e.keyChar!=="";
|
||
| 253 | } |
||
| 254 | } |
||
| 255 | if(this._searchTimer){ |
||
| 256 | window.clearTimeout(this._searchTimer);
|
||
| 257 | } |
||
| 258 | delete this._searchTimer; |
||
| 259 | if(_1b){
|
||
| 260 | this._hasValidPath=false; |
||
| 261 | this._hasSelection=false; |
||
| 262 | this._searchTimer=window.setTimeout(dojo.hitch(this,"_startSearchFromInput"),this.searchDelay+1); |
||
| 263 | } |
||
| 264 | }}); |
||
| 265 | } |