增強用戶體驗友好性之easyui window 窗口關閉時的提示


在項目中,客戶提出這么個要求,就是在關閉彈出的窗口的時候,如果點擊 紅X 或 取消按鈕 則提示 ”確認保存了當前的操作“ 這么個信息,否則就不提示啦。

我的彈窗是這么寫的
$('#aa').click(function(){ //按鈕單擊事件

  $('#w').window({//窗口初始化

    title:'隨便點',width:400,height:300,iconCls:'icon_add',

    //重要的部分

    onBeforeClose:function(){ //當面板關閉之前觸發的事件

      if (confirm('窗口正在關閉,請確認您當前的操作已保存。\n 是否繼續關閉窗口?')) {

        $('#w').window('close', true); //這里調用close 方法,true 表示面板被關閉的時候忽略onBeforeClose 回調函數。

      } else
        return false;

 

    }

  });

});

 

這樣就OK啦,在點擊紅X 或者取消|關閉之類的按鈕的時候就彈出confirm 窗口點確定關閉window,點取消保留window.

如果不想彈出提示,就直接調用:$('#w').window('close', true)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM