Extjs 如何在关闭窗口时提示是否关闭

          

Extjs关闭窗口前有一个事件是beforeclose，当返回false时，extjs不再执行关闭操作。

由于使用Ext的show方法是异步执行，因此在异步弹出选择框时，仍然执行了关闭操作。

所以第一步是给窗口对象在   Ext.MessageBox.show 后添加return false;

   openerWin.on("beforeclose", function() {    

           Ext.MessageBox.show({});

           
return false; }); 

第二步，在关闭对话框的yes按钮里添加事件 openerWin.close(); 此时会再次调用窗口关闭操作。

第三步，加入控制变量，判断是否触发了关闭操作。

 

代码示例：

             openerWin = Ext.ux.Util.createWindow({

                        id : id,

                        title : appletName,

                        width : this.width + 10,

                        height : this.height + 35,

                        plain : true,

                        closable : true,

                        resizable : true,

                        html : htmlContent

                    });

            var ifclose=false;

            openerWin.on("beforeclose", function() {

            if(ifclose){ return true;}

            Ext.MessageBox.show({

            title : i18n.prompt,

            msg : i18n.ldap_prompt_operation_option,

            buttons : Ext.Msg.YESNO,

            icon : Ext.Msg.WARNIN,

            fn : function(btn) {

                if (btn == 'yes') {

                    ifclose=true;

                    openerWin.close();

                    }

            }

         });

        return false;

            });