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.
117 lines
3.7 KiB
117 lines
3.7 KiB
2 years ago
|
<!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>
|