0

ボタンをクリックすると、ダイアログボックスを表示する必要がありますが、表示されません。このコードは Dojo のドキュメントから見つけました。ボタンをクリックしても何も表示されません。これが私のコードです。助けてください。

<script type="text/javascript">
dojo.require("dijit.form.Form");
dojo.require("dijit.Dialog");
dojo.require("dijit.form.Button");
dojo.require("dojo.parser");
dojo.require("dijit.form.TextBox");

</script>

<body class="claro">
<div id="gridDiv"></div>

 <div data-dojo-type="dijit.Dialog" id="formDialog2"
    title="Filtering Rows" style="display: none">
    <form data-dojo-type="dijit.form.Form" id="123">
        <script type="dojo/event" data-dojo-event="onSubmit"
            data-dojo-args="e">

              require(["dojo/dom"], function(dom){
        var f = dojo.byId("123");
        var s = "";
            var elem = f.elements[0];
            s = elem.value;
 dijit.byId('grid').filterBar(s);

    });
   return false;

    </script>
        Search: <input type="text" name="searchtext" value=""
data-dojo-type="dijit/form/TextBox">
        <div class="dijitDialogPaneActionBar">
            <button data-dojo-type="dijit.form.Button" type="submit">OK</button>
            <button data-dojo-type="dijit.form.Button" type="button"
data-dojo-props="onClick:function(){dijit.byId('formDialog2').hide();}">Cancel</button>
        </div>
    </form>
</div>

<button id="buttonThree" data-dojo-type="dijit.form.Button"
    type="button">
    Show Filter
    <script type="dojo/method" data-dojo-event="onClick"
        data-dojo-args="evt">
    dijit.byId("formDialog2").show();
</script>
</button>

4

2 に答える 2

0

持っているかどうかを確認してください

require(["dijit/Dialog",'dijit/form/TextBox','dijit/form/Button']);

頭のどこかに追加。追加したらうまくいきました。

http://jsfiddle.net/theinnkeeper/HX4uR/

于 2013-10-03T14:19:11.487 に答える