You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
3.7 KiB
116 lines
3.7 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
"http://www.w3.org/TR/html4/strict.dtd"> |
|
<html> |
|
<head> |
|
<title>Dojo Spinner Widget Demo</title> |
|
|
|
<script type="text/javascript"> |
|
var djConfig = {isDebug: true}; |
|
</script> |
|
<script type="text/javascript" src="../../dojo.js"></script> |
|
<script type="text/javascript"> |
|
dojo.require("dojo.widget.*"); |
|
dojo.require("dojo.widget.Spinner"); // must require explicitly, since some widgets are experimental |
|
</script> |
|
</head> |
|
|
|
<body> |
|
Try typing values, and use the up/down arrow keys and/or the arrow push |
|
buttons to spin |
|
<br> |
|
<h1>integer spinner</h1> |
|
<br> |
|
initial value=+1,000, delta=10, min=9 max=1550, signed=always separator=,<br> |
|
<input dojoType="IntegerSpinner" |
|
value="+1,000" |
|
delta="10" |
|
min="9" |
|
max="1550" |
|
signed="always" |
|
separator="," |
|
maxlength="20" |
|
widgetId="integertextbox1"> |
|
<br> |
|
<br> |
|
initial value=900, no delta specified, no min specified, max=1550, signed=never separator=!<br> |
|
<input dojoType="IntegerSpinner" |
|
value="900" |
|
max="1550" |
|
signed="never" |
|
separator="!" |
|
maxlength="20" |
|
widgetId="integertextbox2"> |
|
<br> |
|
<br> |
|
initial value not specified, delta not specified, min not specified, max not specified, signed not specified, separator not specified<br> |
|
[verify no line break just after this text]<input dojoType="IntegerSpinner" widgetId="integertextbox3">[verify no line break just before this text] |
|
<br> |
|
<br> |
|
<h1>real number spinner</h1> |
|
<br> |
|
Move the cursor left and right within the input field to see the effect on the spinner. |
|
<br> |
|
initial value=+1.00e3, delta=0.01e1, min=-10950, max=155000, signed=always, exponent=always, esigned=never, places=2, separator=,<br> |
|
<input dojoType="RealNumberSpinner" |
|
value="+1.00e3" |
|
delta="0.01e1" |
|
min="-10950" |
|
max="155000" |
|
signed="always" |
|
esigned="never" |
|
exponent="always" |
|
separator=',' |
|
places="2" |
|
maxlength="20" |
|
widgetId="realtextbox1"> |
|
<br> |
|
<br> |
|
initial value=1 045.0, delta=1e2, min not specified, max=155000, signed=never, exponent=never, esigned=always, places=1, separator=(space) <br> |
|
<input dojoType="RealNumberSpinner" |
|
value="1 045.0" |
|
delta="1e2" |
|
max="155000" |
|
signed="never" |
|
esigned="always" |
|
exponent="never" |
|
separator=' ' |
|
places="1" |
|
maxlength="20" |
|
widgetId="realtextbox2"> |
|
<br> |
|
<br> |
|
initial value not specified, delta not specified, min not specified, max not specified, signed not specified, exponent not specified, esigned not specified, places not specified, separator not specified <br> |
|
[verify no line break just after this text]<input dojoType="RealNumberSpinner" widgetId="realtextbox3">[verify no line break just before this text] |
|
<br> |
|
<br> |
|
<br> |
|
<h1>time spinner</h1> |
|
<br> |
|
Move the cursor left and right within the input field to see the effect on the spinner. |
|
<br> |
|
initial value=10:00:00a, delta=1:01:01a, am symbol=a, pm symbol=p, format=h:mm:sst<br> |
|
<input dojoType="TimeSpinner" |
|
value="10:00:00a" |
|
delta="1:01:01a" |
|
amsymbol="a" |
|
pmsymbol="p" |
|
format="h:mm:sst" |
|
maxlength="20" |
|
widgetId="timetextbox1"> |
|
<br> |
|
<br> |
|
initial value=1000, delta=0101, am symbol not specified, pm symbol not specified, format=HHmm<br> |
|
<input dojoType="TimeSpinner" |
|
value="1000" |
|
delta="0101" |
|
format="HHmm" |
|
maxlength="20" |
|
widgetId="timetextbox2"> |
|
<br> |
|
<br> |
|
initial value not specified, delta not specified (default is 01:01:01), am symbol not specified (default is AM), pm symbol not specified (default is PM), format not specified (default is h:mm:ss t) <br> |
|
[verify no line break just after this text]<input dojoType="TimeSpinner" widgetId="timetextbox3">[verify no line break just before this text] |
|
<br> |
|
<br> |
|
</body> |
|
</html>
|
|
|