1

在一个混合 rails/sencha 应用程序中，我定义了一个在Ext.window.Window组件内显示一个小 iframe 的类。

我希望在按下ESC按钮时关闭此窗口，这是设置时的默认行为modal: true 但是，一旦我在加载的 iframe 内单击，此绑定不再起作用，即 ESC 按钮不再关闭窗口。我现在正在尝试使用模糊和焦点事件来再次使我的窗口成为焦点，以便窗口保持焦点：

Ext.require([
    'Ext.window.*'
]);

Ext.define('App.ModalWindow', {
    id: 'modalwindow',
    extend: 'Ext.window.Window',
    alias: 'widget.modalwindow',
    title: 'Component Details',
    autoShow: true,
    height: 250,
    modal: true,
    draggable: true,
    resizable: false,
    width: 550,
    layout: 'fit',
    header: false,

    listeners: {
        el: {
            blur: {
                fn: function() {console.log('loss'); this.focus()},
            },
            focus: {
                fn: function() {
                    console.log('focus')
                },
            }
        }
    },

    buttons: [
        {
            text   : 'Close',
            handler: function () { this.up('.window').close(); }
        }
    ],

    initComponent: function() {
        var me = this;

        //Close modal window when clicking on mask
        me.mon(
            Ext.getBody(),
            'click',
            function(el, e){me.close();},
            me,
            { delegate: '.x-mask' }
        );

        //Add iframe to window
        me.items = [{
            xtype: "component",
            style: {
            padding: '10px'
            },
            autoEl: {
                tag: 'iframe',
                frameborder: 0,
                src: me.detail_link
            }
        }];

        //Call superclass' initComponent
        me.callParent(arguments);
    }
});


//Add an event luistener to the window, in order to center the modal window when the browser is resized
//first check if modalwindow exists, cause otherwise calling the center() method on a non-existing object
//will stop the event propagation
Ext.EventManager.onWindowResize(function () {
    if( Ext.getCmp('modalwindow'))    {
        Ext.getCmp('modalwindow').center();
    }
});

不幸的是，这不起作用。当点击 iframe 触发模糊然后再次聚焦时，第二次点击 iframe 不会有相同的效果，最重要的是，ESC 按钮仍然不会关闭窗口。

我究竟做错了什么？即使单击窗口内的 iframe，如何使用 ESC 按钮关闭窗口？

4

0 回答 0