]>
Commit | Line | Data |
---|---|---|
1354d172 AD |
1 | require({cache:{ |
2 | 'url:dijit/form/templates/CheckBox.html':"<div class=\"dijit dijitReset dijitInline\" role=\"presentation\"\n\t><input\n\t \t${!nameAttrSetting} type=\"${type}\" ${checkedAttrSetting}\n\t\tclass=\"dijitReset dijitCheckBoxInput\"\n\t\tdata-dojo-attach-point=\"focusNode\"\n\t \tdata-dojo-attach-event=\"onclick:_onClick\"\n/></div>\n"}}); | |
3 | define("dijit/form/CheckBox", [ | |
4 | "require", | |
5 | "dojo/_base/declare", // declare | |
6 | "dojo/dom-attr", // domAttr.set | |
7 | "dojo/_base/kernel", | |
8 | "dojo/query", // query | |
9 | "dojo/ready", | |
10 | "./ToggleButton", | |
11 | "./_CheckBoxMixin", | |
12 | "dojo/text!./templates/CheckBox.html", | |
13 | "dojo/NodeList-dom" // NodeList.addClass/removeClass | |
14 | ], function(require, declare, domAttr, kernel, query, ready, ToggleButton, _CheckBoxMixin, template){ | |
15 | ||
16 | /*===== | |
17 | var ToggleButton = dijit.form.ToggleButton; | |
18 | var _CheckBoxMixin = dijit.form._CheckBoxMixin; | |
19 | =====*/ | |
20 | ||
21 | // module: | |
22 | // dijit/form/CheckBox | |
23 | // summary: | |
24 | // Checkbox widget | |
25 | ||
26 | // Back compat w/1.6, remove for 2.0 | |
27 | if(!kernel.isAsync){ | |
28 | ready(0, function(){ | |
29 | var requires = ["dijit/form/RadioButton"]; | |
30 | require(requires); // use indirection so modules not rolled into a build | |
31 | }); | |
32 | } | |
33 | ||
34 | return declare("dijit.form.CheckBox", [ToggleButton, _CheckBoxMixin], { | |
35 | // summary: | |
36 | // Same as an HTML checkbox, but with fancy styling. | |
37 | // | |
38 | // description: | |
39 | // User interacts with real html inputs. | |
40 | // On onclick (which occurs by mouse click, space-bar, or | |
41 | // using the arrow keys to switch the selected radio button), | |
42 | // we update the state of the checkbox/radio. | |
43 | // | |
44 | // There are two modes: | |
45 | // 1. High contrast mode | |
46 | // 2. Normal mode | |
47 | // | |
48 | // In case 1, the regular html inputs are shown and used by the user. | |
49 | // In case 2, the regular html inputs are invisible but still used by | |
50 | // the user. They are turned quasi-invisible and overlay the background-image. | |
51 | ||
52 | templateString: template, | |
53 | ||
54 | baseClass: "dijitCheckBox", | |
55 | ||
56 | _setValueAttr: function(/*String|Boolean*/ newValue, /*Boolean*/ priorityChange){ | |
57 | // summary: | |
58 | // Handler for value= attribute to constructor, and also calls to | |
59 | // set('value', val). | |
60 | // description: | |
61 | // During initialization, just saves as attribute to the <input type=checkbox>. | |
62 | // | |
63 | // After initialization, | |
64 | // when passed a boolean, controls whether or not the CheckBox is checked. | |
65 | // If passed a string, changes the value attribute of the CheckBox (the one | |
66 | // specified as "value" when the CheckBox was constructed (ex: <input | |
67 | // data-dojo-type="dijit.CheckBox" value="chicken">) | |
68 | // widget.set('value', string) will check the checkbox and change the value to the | |
69 | // specified string | |
70 | // widget.set('value', boolean) will change the checked state. | |
71 | if(typeof newValue == "string"){ | |
72 | this._set("value", newValue); | |
73 | domAttr.set(this.focusNode, 'value', newValue); | |
74 | newValue = true; | |
75 | } | |
76 | if(this._created){ | |
77 | this.set('checked', newValue, priorityChange); | |
78 | } | |
79 | }, | |
80 | _getValueAttr: function(){ | |
81 | // summary: | |
82 | // Hook so get('value') works. | |
83 | // description: | |
84 | // If the CheckBox is checked, returns the value attribute. | |
85 | // Otherwise returns false. | |
86 | return (this.checked ? this.value : false); | |
87 | }, | |
88 | ||
89 | // Override behavior from Button, since we don't have an iconNode | |
90 | _setIconClassAttr: null, | |
91 | ||
92 | postMixInProperties: function(){ | |
93 | this.inherited(arguments); | |
94 | ||
95 | // Need to set initial checked state as part of template, so that form submit works. | |
96 | // domAttr.set(node, "checked", bool) doesn't work on IE until node has been attached | |
97 | // to <body>, see #8666 | |
98 | this.checkedAttrSetting = this.checked ? "checked" : ""; | |
99 | }, | |
100 | ||
101 | _fillContent: function(){ | |
102 | // Override Button::_fillContent() since it doesn't make sense for CheckBox, | |
103 | // since CheckBox doesn't even have a container | |
104 | }, | |
105 | ||
106 | _onFocus: function(){ | |
107 | if(this.id){ | |
108 | query("label[for='"+this.id+"']").addClass("dijitFocusedLabel"); | |
109 | } | |
110 | this.inherited(arguments); | |
111 | }, | |
112 | ||
113 | _onBlur: function(){ | |
114 | if(this.id){ | |
115 | query("label[for='"+this.id+"']").removeClass("dijitFocusedLabel"); | |
116 | } | |
117 | this.inherited(arguments); | |
118 | } | |
119 | }); | |
120 | }); |