Dojo开发之实现confirm功能

最新推荐文章于 2025-11-19 09:27:41 发布

原创最新推荐文章于 2025-11-19 09:27:41 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Dojo

本文介绍了一个使用Dojo框架创建自定义对话框并实现确定和取消操作回调功能的方法。通过具体的JavaScript代码示例，展示了如何创建对话框、设置内容及按钮，并连接点击事件来触发不同的回调函数。

废话少说直接上代码

function raiseQueryDialog_custom_callbacks(title, question, callbackFn) {

var errorDialog = new dijit.Dialog({ id: 'queryDialog', title: title });

        //显示框
        errorDialog.attr('content', question + "" +
                    "<button dojoType='dijit.form.Button' id='yesButton'>确定</button>" +
                    "<button dojoType='dijit.form.Button' id='noButton'>取消</button>");
        errorDialog.startup();
        var yesButton = dijit.byId('yesButton');
        var noButton = dijit.byId('noButton');

        //如果点击确定按钮
        dojo.connect(yesButton, 'onClick', function(mouseEvent) {
            console.debug("yesCallback here!");
        errorDialog.hide();
        errorDialog.destroyRecursive();
        callbackFn(true);
        });

        //如果点击取消按钮
        dojo.connect(noButton, 'onClick', function(mouseEvent) {
            console.debug(mouseEvent);
        errorDialog.hide();
        errorDialog.destroyRecursive();
        callbackFn(false);
                });

        //显示确定框
        errorDialog.show();
       }