]>
Commit | Line | Data |
---|---|---|
1354d172 AD |
1 | define("dijit/form/NumberSpinner", [ |
2 | "dojo/_base/declare", // declare | |
3 | "dojo/_base/event", // event.stop | |
4 | "dojo/keys", // keys.END keys.HOME | |
5 | "./_Spinner", | |
6 | "./NumberTextBox" | |
7 | ], function(declare, event, keys, _Spinner, NumberTextBox){ | |
8 | ||
9 | /*===== | |
10 | var _Spinner = dijit.form._Spinner; | |
11 | var NumberTextBox = dijit.form.NumberTextBox; | |
12 | =====*/ | |
13 | ||
14 | // module: | |
15 | // dijit/form/NumberSpinner | |
16 | // summary: | |
17 | // Extends NumberTextBox to add up/down arrows and pageup/pagedown for incremental change to the value | |
18 | ||
19 | ||
20 | return declare("dijit.form.NumberSpinner", [_Spinner, NumberTextBox.Mixin], { | |
21 | // summary: | |
22 | // Extends NumberTextBox to add up/down arrows and pageup/pagedown for incremental change to the value | |
23 | // | |
24 | // description: | |
25 | // A `dijit.form.NumberTextBox` extension to provide keyboard accessible value selection | |
26 | // as well as icons for spinning direction. When using the keyboard, the typematic rules | |
27 | // apply, meaning holding the key will gradually increase or decrease the value and | |
28 | // accelerate. | |
29 | // | |
30 | // example: | |
31 | // | new dijit.form.NumberSpinner({ constraints:{ max:300, min:100 }}, "someInput"); | |
32 | ||
33 | adjust: function(/*Object*/ val, /*Number*/ delta){ | |
34 | // summary: | |
35 | // Change Number val by the given amount | |
36 | // tags: | |
37 | // protected | |
38 | ||
39 | var tc = this.constraints, | |
40 | v = isNaN(val), | |
41 | gotMax = !isNaN(tc.max), | |
42 | gotMin = !isNaN(tc.min) | |
43 | ; | |
44 | if(v && delta != 0){ // blank or invalid value and they want to spin, so create defaults | |
45 | val = (delta > 0) ? | |
46 | gotMin ? tc.min : gotMax ? tc.max : 0 : | |
47 | gotMax ? this.constraints.max : gotMin ? tc.min : 0 | |
48 | ; | |
49 | } | |
50 | var newval = val + delta; | |
51 | if(v || isNaN(newval)){ return val; } | |
52 | if(gotMax && (newval > tc.max)){ | |
53 | newval = tc.max; | |
54 | } | |
55 | if(gotMin && (newval < tc.min)){ | |
56 | newval = tc.min; | |
57 | } | |
58 | return newval; | |
59 | }, | |
60 | ||
61 | _onKeyPress: function(e){ | |
62 | if((e.charOrCode == keys.HOME || e.charOrCode == keys.END) && !(e.ctrlKey || e.altKey || e.metaKey) | |
63 | && typeof this.get('value') != 'undefined' /* gibberish, so HOME and END are default editing keys*/){ | |
64 | var value = this.constraints[(e.charOrCode == keys.HOME ? "min" : "max")]; | |
65 | if(typeof value == "number"){ | |
66 | this._setValueAttr(value, false); | |
67 | } | |
68 | // eat home or end key whether we change the value or not | |
69 | event.stop(e); | |
70 | } | |
71 | } | |
72 | }); | |
73 | ||
74 | }); |