git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dojox/form/tests/test_CheckedMultiSelect.html

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