1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
<html>
<head>
<script type="text/javascript"
src="../../../dojo/dojo.js"
djConfig="isDebug: true, parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("doh.runner");
dojo.require("dojo.parser");
dojo.require("dojox.form.CheckedMultiSelect");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.Form");
dojo.addOnLoad(function(){
doh.register("tests",
[
function test_setValue(t){
t.is(["VA","WA"], form.getValues().ms1);
form.setValues({ms1: ["TN","CA"]});
t.is(["TN","CA"], form.getValues().ms1);
ms1.invertSelection();
t.is(["VA","WA","FL"], form.getValues().ms1);
},
function test_addSelected(t){
ms1.addSelected(ms2);
t.is([], form.getValues().ms2);
ms1.invertSelection();
t.is(["TN","CA"], form.getValues().ms1);
},
]
);
doh.run();
dojo.connect(ms1, "onChange", function(val){
console.log("First Select Changed to " + val);
});
});
</script>
<style>
@import url(../../../dojo/resources/dojo.css);
@import url(../../../dijit/themes/tundra/tundra.css);
@import url(../resources/CheckedMultiSelect.css);
@import url(../../../dijit/tests/css/dijitTests.css);
</style>
</head>
<body class="tundra">
<h1 class="testTitle">Test: dojox.form.CheckedMultiSelect</h1>
<h2>Automated test</h2>
<form dojoType="dijit.form.Form" jsId="form">
<select jsId="ms1" multiple="true" name="ms1" dojoType="dojox.form.CheckedMultiSelect">
<option value="TN">Tennessee</option>
<option value="VA" selected="selected">Virginia</option>
<option value="WA" selected="selected">Washington</option>
<option value="FL">Florida</option>
<option value="CA">California</option>
</select>
<hr>
<select jsId="ms2" multiple="true" name="ms2" dojoType="dojox.form.CheckedMultiSelect">
<option value="UT">Utah</option>
<option value="TX" selected="selected">Texas</option>
<option value="GA" selected="selected">Georgia</option>
<option value="ID">Idaho</option>
<option value="WY">Wyoming</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
</select>
<hr>
<select jsId="ms3" multiple="true" name="ms3" dojoType="dojox.form.CheckedMultiSelect">
</select>
<hr>
<button dojoType="dijit.form.Button">
<script type="dojo/method" event="onClick">
console.dir(form.getValues());
</script>
Get Values
</button>
<button dojoType="dijit.form.Button">
<script type="dojo/method" event="onClick">
var idx = dojo.query("option", ms3.domNode).length;
ms3.addOption(idx + "", "Option " + (idx + 1));
</script>
Add Option
</button>
<button dojoType="dijit.form.Button">
<script type="dojo/method" event="onClick">
ms3.setAttribute("disabled", !ms3.disabled);
</script>
Toggle Disabled
</button>
</form>
</body>
</html>
|
