ExtJS 4.1:卸载事件

Posted

技术标签:

【中文标题】ExtJS 4.1:卸载事件【英文标题】:ExtJS 4.1: unload event 【发布时间】:2012-12-17 05:18:07 【问题描述】:

我正在使用 ext js 4.1。我正在开发一个应用程序,它必须支持 IE9、最新的 Firefox、最新的 Chrome 和 Safari。

如果有一些数据等待提交,我需要在用户想要离开时显示警告消息。

我使用原始 javascript 进行了以下操作:

window.onbeforeunload=function()
    if (Ext.getStore('LocalChangesStore'))
        if (Ext.getStore('LocalChangesStore').getCount() > 0) 
            return 'Your changes are be lost.'; 
         
    
;

我想知道是否可以使用 ext js。我看到了以下函数:

app.js:

EventManager.onWindowUnload( function()
    if (Ext.getStore('LocalChangesStore'))
        if (Ext.getStore('LocalChangesStore').getCount() > 0) 
            return 'Your changes are be lost.'; 
         
            
    , this
);

但它不起作用。

谁能告诉我解决这个问题的最佳方法是什么?

【问题讨论】:

见***.com/questions/6047862/… 【参考方案1】:

onWindowUnload 方法将函数附加到 unload 事件,但您需要将函数附加到 beforeunload 事件。请试试这个

Ext.EventManager.on(window, 'beforeunload', function() 
    return 'Your changes are be lost.';
);

祝你好运。

【讨论】:

Dous 不再在 Chrome 中工作!自 2016 年 7 月 19 日起,事件被忽略

以上是关于ExtJS 4.1:卸载事件的主要内容,如果未能解决你的问题,请参考以下文章

TextArea Extjs 4.1 上的事件“粘贴”

从 ExtJs 4.1 存储中删除记录时会触发哪些事件

EXTJS 4.1,网格行体 tpl 上的事件监听器

Extjs 4.1 日历 - 工具提示第一次不显示

在 ExtJs 4.1 中选择树面板的第一个叶节点

ExtJs 4.1-通过单击另一个视图中的树节点将选项卡添加到选项卡视图