Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / form / FileInput.js @ 12

History | View | Annotate | Download (2.23 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.FileInput"]){
9
dojo._hasResource["dojox.form.FileInput"]=true;
10
dojo.provide("dojox.form.FileInput");
11
dojo.experimental("dojox.form.FileInput");
12
dojo.require("dijit.form._FormWidget");
13
dojo.require("dijit._Templated");
14
dojo.declare("dojox.form.FileInput",dijit.form._FormWidget,{label:"Browse ...",cancelText:"Cancel",name:"uploadFile",templateString:dojo.cache("dojox.form","resources/FileInput.html","<div class=\"dijitFileInput\">\n\t<input id=\"${id}\" class=\"dijitFileInputReal\" type=\"file\" dojoAttachPoint=\"fileInput\" name=\"${name}\" />\n\t<div class=\"dijitFakeInput\">\n\t\t<input class=\"dijitFileInputVisible\" type=\"text\" dojoAttachPoint=\"focusNode, inputNode\" />\n\t\t<div class=\"dijitInline dijitFileInputText\" dojoAttachPoint=\"titleNode\">${label}</div>\n\t\t<div class=\"dijitInline dijitFileInputButton\" dojoAttachPoint=\"cancelNode\" \n\t\t\tdojoAttachEvent=\"onclick:reset\">${cancelText}</div>\n\t</div>\n</div>\n"),startup:function(){
15
this._listener=this.connect(this.fileInput,"onchange","_matchValue");
16
this._keyListener=this.connect(this.fileInput,"onkeyup","_matchValue");
17
},postCreate:function(){
18
},_matchValue:function(){
19
this.inputNode.value=this.fileInput.value;
20
if(this.inputNode.value){
21
this.cancelNode.style.visibility="visible";
22
dojo.fadeIn({node:this.cancelNode,duration:275}).play();
23
}
24
},setLabel:function(_1,_2){
25
this.titleNode.innerHTML=_1;
26
},reset:function(e){
27
this.disconnect(this._listener);
28
this.disconnect(this._keyListener);
29
if(this.fileInput){
30
this.domNode.removeChild(this.fileInput);
31
}
32
dojo.fadeOut({node:this.cancelNode,duration:275}).play();
33
this.fileInput=document.createElement("input");
34
this.fileInput.setAttribute("type","file");
35
this.fileInput.setAttribute("id",this.id);
36
this.fileInput.setAttribute("name",this.name);
37
dojo.addClass(this.fileInput,"dijitFileInputReal");
38
this.domNode.appendChild(this.fileInput);
39
this._keyListener=this.connect(this.fileInput,"onkeyup","_matchValue");
40
this._listener=this.connect(this.fileInput,"onchange","_matchValue");
41
this.inputNode.value="";
42
}});
43
}