dojo toolkit关闭外部对话框

时间:2012-01-12 07:12:49

标签: javascript dojo

我从昨天开始尝试如何在点击按钮

后关闭外部对话框

显示对话框:

<div id="external_dialog" 
    data-dojo-type="dijit.Dialog" 
    title="Edytuj dane firmowe" 
    href="/external/dialog" 
    style="overflow:auto; width: 365px; height: 280px;">
</div>

并且外部文件中的对话框只是一个简单的表单

<form data-dojo-type="dijit.form.Form">    
    <script type="dojo/event" data-dojo-event="onSubmit" data-dojo-args="e">
        dojo.stopEvent(e);
        if(!this.isValid()){ return; }
        $.post('ajax/something', 
                 {name: $('#FM-name').val()},
                 function() {
                     alert('ok')
                 });
    </script>
    <table cellpadding="0" cellspacing="2" style="width: 330px">
        <tr>
            <td valign="top"><strong>Company name: </strong></td>
            <td><input type="text" required="true" name="name" id="FM-name" placeholder="" dojoType="dijit.form.ValidationTextBox"/></td>
        </tr>

    </table>    

    <input type="submit" value="Submit" id="FC-submit" dojoType="dojox.form.BusyButton" label="Submit" busyLabel="Please wait..." />
    <input type="button" value="Close" label="Close" id="FC-close" dojoType="dijit.form.Button"} />

</form>

顺便说一句。提交工作完美,但什么应该与关闭按钮有关?

祝你好运

1 个答案:

答案 0 :(得分:1)

您可以先使用dijit.byId获取对话框的引用,然后使用hide函数隐藏对话框。

在关闭按钮的点击事件处理程序中,尝试

dijit.byId('external_dialog').hide();