diff options
Diffstat (limited to 'includes/js/dijit/tests/form/test_ComboBox_destroy.html')
| -rw-r--r-- | includes/js/dijit/tests/form/test_ComboBox_destroy.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/includes/js/dijit/tests/form/test_ComboBox_destroy.html b/includes/js/dijit/tests/form/test_ComboBox_destroy.html new file mode 100644 index 0000000..0713b19 --- /dev/null +++ b/includes/js/dijit/tests/form/test_ComboBox_destroy.html @@ -0,0 +1,58 @@ +<!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> |