root / trunk / web / dojo / dijit / form / Button.js @ 13
History | View | Annotate | Download (7.79 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["dijit.form.Button"]){ |
9 |
dojo._hasResource["dijit.form.Button"]=true; |
10 |
dojo.provide("dijit.form.Button");
|
11 |
dojo.require("dijit.form._FormWidget");
|
12 |
dojo.require("dijit._Container");
|
13 |
dojo.require("dijit._HasDropDown");
|
14 |
dojo.declare("dijit.form.Button",dijit.form._FormWidget,{label:"",showLabel:true,iconClass:"",type:"button",baseClass:"dijitButton",templateString:dojo.cache("dijit.form","templates/Button.html","<span class=\"dijit dijitReset dijitInline\"\n\t><span class=\"dijitReset dijitInline dijitButtonNode\"\n\t\tdojoAttachEvent=\"ondijitclick:_onButtonClick\"\n\t\t><span class=\"dijitReset dijitStretch dijitButtonContents\"\n\t\t\tdojoAttachPoint=\"titleNode,focusNode\"\n\t\t\twaiRole=\"button\" waiState=\"labelledby-${id}_label\"\n\t\t\t><span class=\"dijitReset dijitInline dijitIcon\" dojoAttachPoint=\"iconNode\"></span\n\t\t\t><span class=\"dijitReset dijitToggleButtonIconChar\">●</span\n\t\t\t><span class=\"dijitReset dijitInline dijitButtonText\"\n\t\t\t\tid=\"${id}_label\"\n\t\t\t\tdojoAttachPoint=\"containerNode\"\n\t\t\t></span\n\t\t></span\n\t></span\n\t><input ${!nameAttrSetting} type=\"${type}\" value=\"${value}\" class=\"dijitOffScreen\"\n\t\tdojoAttachPoint=\"valueNode\"\n/></span>\n"),attributeMap:dojo.delegate(dijit.form._FormWidget.prototype.attributeMap,{value:"valueNode",iconClass:{node:"iconNode",type:"class"}}),_onClick:function(e){ |
15 |
if(this.disabled){ |
16 |
return false; |
17 |
} |
18 |
this._clicked();
|
19 |
return this.onClick(e); |
20 |
},_onButtonClick:function(e){ |
21 |
if(this._onClick(e)===false){ |
22 |
e.preventDefault(); |
23 |
}else{
|
24 |
if(this.type=="submit"&&!(this.valueNode||this.focusNode).form){ |
25 |
for(var _1=this.domNode;_1.parentNode;_1=_1.parentNode){ |
26 |
var _2=dijit.byNode(_1);
|
27 |
if(_2&&typeof _2._onSubmit=="function"){ |
28 |
_2._onSubmit(e); |
29 |
break;
|
30 |
} |
31 |
} |
32 |
}else{
|
33 |
if(this.valueNode){ |
34 |
this.valueNode.click();
|
35 |
e.preventDefault(); |
36 |
} |
37 |
} |
38 |
} |
39 |
},_fillContent:function(_3){ |
40 |
if(_3&&(!this.params||!("label" in this.params))){ |
41 |
this.set("label",_3.innerHTML); |
42 |
} |
43 |
},postCreate:function(){ |
44 |
dojo.setSelectable(this.focusNode,false); |
45 |
this.inherited(arguments); |
46 |
},_setShowLabelAttr:function(_4){ |
47 |
if(this.containerNode){ |
48 |
dojo.toggleClass(this.containerNode,"dijitDisplayNone",!_4); |
49 |
} |
50 |
this.showLabel=_4;
|
51 |
},onClick:function(e){ |
52 |
return true; |
53 |
},_clicked:function(e){ |
54 |
},setLabel:function(_5){ |
55 |
dojo.deprecated("dijit.form.Button.setLabel() is deprecated. Use set('label', ...) instead.","","2.0"); |
56 |
this.set("label",_5); |
57 |
},_setLabelAttr:function(_6){ |
58 |
this.containerNode.innerHTML=this.label=_6; |
59 |
if(this.showLabel==false&&!this.params.title){ |
60 |
this.titleNode.title=dojo.trim(this.containerNode.innerText||this.containerNode.textContent||""); |
61 |
} |
62 |
}}); |
63 |
dojo.declare("dijit.form.DropDownButton",[dijit.form.Button,dijit._Container,dijit._HasDropDown],{baseClass:"dijitDropDownButton",templateString:dojo.cache("dijit.form","templates/DropDownButton.html","<span class=\"dijit dijitReset dijitInline\"\n\t><span class='dijitReset dijitInline dijitButtonNode'\n\t\tdojoAttachEvent=\"ondijitclick:_onButtonClick\" dojoAttachPoint=\"_buttonNode\"\n\t\t><span class=\"dijitReset dijitStretch dijitButtonContents\"\n\t\t\tdojoAttachPoint=\"focusNode,titleNode,_arrowWrapperNode\"\n\t\t\twaiRole=\"button\" waiState=\"haspopup-true,labelledby-${id}_label\"\n\t\t\t><span class=\"dijitReset dijitInline dijitIcon\"\n\t\t\t\tdojoAttachPoint=\"iconNode\"\n\t\t\t></span\n\t\t\t><span class=\"dijitReset dijitInline dijitButtonText\"\n\t\t\t\tdojoAttachPoint=\"containerNode,_popupStateNode\"\n\t\t\t\tid=\"${id}_label\"\n\t\t\t></span\n\t\t\t><span class=\"dijitReset dijitInline dijitArrowButtonInner\"></span\n\t\t\t><span class=\"dijitReset dijitInline dijitArrowButtonChar\">▼</span\n\t\t></span\n\t></span\n\t><input ${!nameAttrSetting} type=\"${type}\" value=\"${value}\" class=\"dijitOffScreen\"\n\t\tdojoAttachPoint=\"valueNode\"\n/></span>\n"),_fillContent:function(){ |
64 |
if(this.srcNodeRef){ |
65 |
var _7=dojo.query("*",this.srcNodeRef); |
66 |
dijit.form.DropDownButton.superclass._fillContent.call(this,_7[0]); |
67 |
this.dropDownContainer=this.srcNodeRef; |
68 |
} |
69 |
},startup:function(){ |
70 |
if(this._started){ |
71 |
return;
|
72 |
} |
73 |
if(!this.dropDown){ |
74 |
var _8=dojo.query("[widgetId]",this.dropDownContainer)[0]; |
75 |
this.dropDown=dijit.byNode(_8);
|
76 |
delete this.dropDownContainer; |
77 |
} |
78 |
dijit.popup.moveOffScreen(this.dropDown.domNode);
|
79 |
this.inherited(arguments); |
80 |
},isLoaded:function(){ |
81 |
var _9=this.dropDown; |
82 |
return (!_9.href||_9.isLoaded);
|
83 |
},loadDropDown:function(){ |
84 |
var _a=this.dropDown; |
85 |
if(!_a){
|
86 |
return;
|
87 |
} |
88 |
if(!this.isLoaded()){ |
89 |
var _b=dojo.connect(_a,"onLoad",this,function(){ |
90 |
dojo.disconnect(_b); |
91 |
this.openDropDown();
|
92 |
}); |
93 |
_a.refresh(); |
94 |
}else{
|
95 |
this.openDropDown();
|
96 |
} |
97 |
},isFocusable:function(){ |
98 |
return this.inherited(arguments)&&!this._mouseDown; |
99 |
}}); |
100 |
dojo.declare("dijit.form.ComboButton",dijit.form.DropDownButton,{templateString:dojo.cache("dijit.form","templates/ComboButton.html","<table class=\"dijit dijitReset dijitInline dijitLeft\"\n\tcellspacing='0' cellpadding='0' waiRole=\"presentation\"\n\t><tbody waiRole=\"presentation\"><tr waiRole=\"presentation\"\n\t\t><td class=\"dijitReset dijitStretch dijitButtonNode\" dojoAttachPoint=\"buttonNode\" dojoAttachEvent=\"ondijitclick:_onButtonClick,onkeypress:_onButtonKeyPress\"\n\t\t><div id=\"${id}_button\" class=\"dijitReset dijitButtonContents\"\n\t\t\tdojoAttachPoint=\"titleNode\"\n\t\t\twaiRole=\"button\" waiState=\"labelledby-${id}_label\"\n\t\t\t><div class=\"dijitReset dijitInline dijitIcon\" dojoAttachPoint=\"iconNode\" waiRole=\"presentation\"></div\n\t\t\t><div class=\"dijitReset dijitInline dijitButtonText\" id=\"${id}_label\" dojoAttachPoint=\"containerNode\" waiRole=\"presentation\"></div\n\t\t></div\n\t\t></td\n\t\t><td id=\"${id}_arrow\" class='dijitReset dijitRight dijitButtonNode dijitArrowButton'\n\t\t\tdojoAttachPoint=\"_popupStateNode,focusNode,_buttonNode\"\n\t\t\tdojoAttachEvent=\"onkeypress:_onArrowKeyPress\"\n\t\t\ttitle=\"${optionsTitle}\"\n\t\t\twaiRole=\"button\" waiState=\"haspopup-true\"\n\t\t\t><div class=\"dijitReset dijitArrowButtonInner\" waiRole=\"presentation\"></div\n\t\t\t><div class=\"dijitReset dijitArrowButtonChar\" waiRole=\"presentation\">▼</div\n\t\t></td\n\t\t><td style=\"display:none !important;\"\n\t\t\t><input ${!nameAttrSetting} type=\"${type}\" value=\"${value}\" dojoAttachPoint=\"valueNode\"\n\t\t/></td></tr></tbody\n></table>\n"),attributeMap:dojo.mixin(dojo.clone(dijit.form.Button.prototype.attributeMap),{id:"",tabIndex:["focusNode","titleNode"],title:"titleNode"}),optionsTitle:"",baseClass:"dijitComboButton",cssStateNodes:{"buttonNode":"dijitButtonNode","titleNode":"dijitButtonContents","_popupStateNode":"dijitDownArrowButton"},_focusedNode:null,_onButtonKeyPress:function(_c){ |
101 |
if(_c.charOrCode==dojo.keys[this.isLeftToRight()?"RIGHT_ARROW":"LEFT_ARROW"]){ |
102 |
dijit.focus(this._popupStateNode);
|
103 |
dojo.stopEvent(_c); |
104 |
} |
105 |
},_onArrowKeyPress:function(_d){ |
106 |
if(_d.charOrCode==dojo.keys[this.isLeftToRight()?"LEFT_ARROW":"RIGHT_ARROW"]){ |
107 |
dijit.focus(this.titleNode);
|
108 |
dojo.stopEvent(_d); |
109 |
} |
110 |
},focus:function(_e){ |
111 |
dijit.focus(_e=="start"?this.titleNode:this._popupStateNode); |
112 |
}}); |
113 |
dojo.declare("dijit.form.ToggleButton",dijit.form.Button,{baseClass:"dijitToggleButton",checked:false,attributeMap:dojo.mixin(dojo.clone(dijit.form.Button.prototype.attributeMap),{checked:"focusNode"}),_clicked:function(_f){ |
114 |
this.set("checked",!this.checked); |
115 |
},_setCheckedAttr:function(_10,_11){ |
116 |
this.checked=_10;
|
117 |
dojo.attr(this.focusNode||this.domNode,"checked",_10); |
118 |
dijit.setWaiState(this.focusNode||this.domNode,"pressed",_10); |
119 |
this._handleOnChange(_10,_11);
|
120 |
},setChecked:function(_12){ |
121 |
dojo.deprecated("setChecked("+_12+") is deprecated. Use set('checked',"+_12+") instead.","","2.0"); |
122 |
this.set("checked",_12); |
123 |
},reset:function(){ |
124 |
this._hasBeenBlurred=false; |
125 |
this.set("checked",this.params.checked||false); |
126 |
}}); |
127 |
} |