Question

我有一个可编辑的窗口。当用户尝试关闭窗口时，我需要检查窗口是否有任何更改。如果没有变化，窗口应该关闭。如果有任何更改，我需要提示用户是否需要保存更改。如果用户说“是”，则保存更改并关闭窗口，否则窗口将关闭而不进行更改。为此，我在代码的控制器层中编写了代码。当用户单击窗口中的关闭按钮时，一切都正常工作。但问题出现在用户尝试通过单击窗口右上角的默认[X]关闭窗口时。我试图在用户点击此方法时调用我的方法，但由于extjs的异步性质，窗口最初关闭，然后调用该方法。我尝试使用beforeclose事件，但没有用。

这是我在视图层中的一段代码。 Ext.define（＆＃39; MyApp.view.MyWindow＆＃39;，{ 延伸：＆＃39; Ext.window.Window＆＃39;， xtype：＆＃39; myDetail＆＃39;， itemId：＆＃39; myDetail＆＃39;，

requires: [        
    'ABC.controller.myDetail.myDetailController'
],

cls:'windowPopup myDetail',
title : 'ABC Detail',
layout: 'fit',
minimizable: true,
maximizable: true,
width: 1000,
height: 650,
constrain: true,
controller: null,          

initComponent: function() {
    this.items = [
        ---------------------
    ]

    this.setTitle('ABC Detail - ' + this.config.myDetail.referenceNum);

    var userNotification = '';
    var bodyStyle = 'color: #000000;'


    this.dockedItems = [{
        xtype: 'toolbar',
        dock: 'bottom',
        ui: 'footer',
        items: [
            {
                xtype: 'panel',
                html: userNotification,
                bodyStyle: bodyStyle
            }, '->',
            {
                iconCls: 'icon-save',
                cls:'blackButton',
                itemId: 'updateAndClose',
                text: 'Update & Close',
                action: 'updateClose'
            },{
                iconCls: 'icon-reset',
                cls:'blackButton',
                text: 'Update',
                action: 'update',
                itemId: 'update'
            },{
                iconCls: 'icon-reset',
                cls:'blackButton',
                itemId: 'composeEmail',
                text: 'Compose Email',
                action: 'composeEmail'
            },{
                iconCls: 'icon-reset',
                cls:'blackButton',
                text: 'Refresh',
                action: 'refresh',
                itemId: 'refresh'
            },{
                iconCls: 'icon-reset',
                text: 'Close',
                cls:'blackButton',
                scope: this,
                itemId: 'closeBtn'                  
            } 
        ]
    }];

    this.callParent(arguments);
    this.controller = Ext.create(XYZ.controller.mydetail.myDetailController', {view:this, identifier:this.identifier});

}

}）;

我正在处理控制器图层中的按钮，因此如果用户单击关闭按钮，则控制器将检查是否进行了任何更改，然后相应地执行操作。

在控制器中，我正在使用 this.on（＆＃39; closeBtn＆＃39;，＆＃39;点击＆＃39;，this.confirmSaveBeforeClose，this）; this.on（null，＆＃39; close＆＃39;，this.confirmSaveBeforeClose，this）;

此处colseBtn事件正常，但问题仅出现在默认的窗口关闭选项。

有人可以让我知道当用户点击[x]按钮时我如何指向控制器中的方法。

谢谢..

Answer 1

收听窗口上的beforeclose事件，然后return false;取消它。存储一些你已经阻止关闭的变量，所以下次你点击它时，清除参数。类似的东西：

listeners: {
    beforeclose: function(w) {
        if (!w.pendingClose) {
            w.pendingClose = true;
            Ext.Msg.confirm('Foo', 'Bar', function(btn) {
                if (btn === 'yes') {
                    w.close();
                } else {
                    delete w.pendingClose;
                }
            });
            return false;
        } 
        delete window.pendingClose;
    }
}

Extjs：在关闭窗口之前保存更改的确认消息

1 个答案: