+++ /dev/null
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-<html>
- <head>
- <title>Dojo ComboBox Widget Destruction Issue</title>
-
- <style type="text/css">
- @import "../../../dojo/resources/dojo.css";
- @import "../css/dijitTests.css";
- </style>
-
- <script type="text/javascript" src="../../../dojo/dojo.js"
- djConfig="isDebug: true, parseOnLoad: true"></script>
- <script type="text/javascript" src="../_testCommon.js"></script>
-
- <script type="text/javascript">
- dojo.require("dijit.form.ComboBox");
- dojo.require("dojo.parser"); // scan page for widgets and instantiate them
-
- dojo.addOnLoad(function(){
- dojo.connect(dojo.byId("killit"), "onclick", function(){
- dijit.byId("combo_01").destroy(true);
- });
- });
- </script>
- </head>
- <body>
- <h1>Dojo ComboBox Widget Destruction Issue</h1>
- <p>
- <tt>ComboBox</tt> does not destroy itself properly, leading to a
- JavaScript error. Could it have something to do with not disconnecting
- events?
- </p>
- <p></p>
- Steps:
- <ol>
- <li>Pick a state from the combo box below.</li>
- <li>Click the "killit" button, which calls <tt>destroy</tt> on the widget.</li>
- <li>Observe the JavaScript error.</li>
- </ol>
- <p></p>
- <form action="#" method="GET">
- <input type="button" id="killit" name="killit" value="killit" />
- <select name="state" searchField="name" keyField="abbreviation"
- id="combo_01" dojoType="dijit.form.ComboBox" style="width: 300px;"
- name="foo.bar1" autoComplete="false">
- <option value="AL">Alabama</option>
-
- <option value="AK">Alaska</option>
- <option value="AS">American Samoa</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="AE">Armed Forces Europe</option>
- <option value="AP">Armed Forces Pacific</option>
- </select>
- </form>
- </body>
-</html>
projects / eow / blobdiff