javascript - jQuery EasyUI：关闭窗口确认

Question

我正在使用 jQuery EasyUI 框架。我想在关闭窗口上显示确认消息，例如“您确定要关闭窗口吗？”。如果答案为真，则关闭，否则不关闭窗口。

我怎样才能做到这一点？

Answer 1

尝试

$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
    if (r){
        // exit action;
    }
});

请参阅信使 API

Answer 2

尝试这个，

$('#windowid').window({
onBeforeClose: function(){
    $.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r)
            {
             if (r){
                  return true;
              }
             else{return false;}
            });                    
}
});

Answer 3

如果您愿意，此功能不是由 Easy-UI 直接提供的，那么您需要禁用窗口的关闭按钮 Like

.panel-tool-close
    {
        display:none !important;
    } 

并在 document.ready 函数中添加您的自定义工具栏

jQuery('#divSeguimientos').window({  
        collapsible:false,  
        minimizable:false,  
        maximizable:false,  
        tools:[{  
            iconCls:'icon-cancel',  
            handler:function(){  
                if(confirm('Are you sure to close the window?'))
                    {
                        closeDivSeguimientos();
                    }
                    else
                    {

                    }

            }  
        }]  
    });  

Answer 4

easy ui 不提供此功能。所以你必须隐藏或设置关闭按钮的css显示属性设置为无。

还设置关闭按钮类。

.panel-tool-close
    {
        display:none !important;
    } 

请试试这个。

tools:[{  
            iconCls:'icon-cancel',  
            handler:function(){  
                if(confirm('Are you sure to close?'))
                    {
                        closeDiv();
                    }
                    else
                    {

                    }

            }  
        }]