Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed 

<!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>