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

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4         <head>
   5                 <title>Dojo ComboBox Widget Destruction Issue</title>
   6
   7                 <style type="text/css">
   8                         @import "../../../dojo/resources/dojo.css";
   9                         @import "../css/dijitTests.css";
  10                 </style>
  11
  12                 <script type="text/javascript" src="../../../dojo/dojo.js"
  13                         djConfig="isDebug: true, parseOnLoad: true"></script>
  14                 <script type="text/javascript" src="../_testCommon.js"></script>
  15
  16                 <script type="text/javascript">
  17                         dojo.require("dijit.form.ComboBox");
  18                         dojo.require("dojo.parser");    // scan page for widgets and instantiate them
  19
  20                         dojo.addOnLoad(function(){
  21                                 dojo.connect(dojo.byId("killit"), "onclick", function(){
  22                                         dijit.byId("combo_01").destroy(true);
  23                                 });
  24                         });
  25                 </script>
  26         </head>
  27         <body>
  28                 <h1>Dojo ComboBox Widget Destruction Issue</h1>
  29                 <p>
  30                         <tt>ComboBox</tt> does not destroy itself properly, leading to a
  31                         JavaScript error.  Could it have something to do with not disconnecting
  32                         events?
  33                 </p>
  34                 <p></p>
  35                 Steps:
  36                 <ol>
  37                         <li>Pick a state from the combo box below.</li>
  38                         <li>Click the "killit" button, which calls <tt>destroy</tt> on the widget.</li>
  39                         <li>Observe the JavaScript error.</li>
  40                 </ol>
  41                 <p></p>
  42                 <form action="#" method="GET">
  43                    <input type="button" id="killit" name="killit" value="killit" />
  44                         <select name="state" searchField="name" keyField="abbreviation"
  45                                 id="combo_01" dojoType="dijit.form.ComboBox" style="width: 300px;"
  46                                 name="foo.bar1" autoComplete="false">
  47                                 <option value="AL">Alabama</option>
  48
  49                                 <option value="AK">Alaska</option>
  50                                 <option value="AS">American Samoa</option>
  51                                 <option value="AZ">Arizona</option>
  52                                 <option value="AR">Arkansas</option>
  53                                 <option value="AE">Armed Forces Europe</option>
  54                                 <option value="AP">Armed Forces Pacific</option>
  55                         </select>
  56                 </form>
  57         </body>
  58 </html>