to press "Esc" key to close Ext.Window.window , I can't reopen it again ???

[dn2965]

Hi there:

I am using Ext-js 4.1.1 , I use a grid and it contains some of fields with handler which can open a window , But When I close the window by pressing the "ESC" button the console will output the error message and not longer to use my page, but pressing the OK,Cancel button everything is fine.


I have seen some of thread that talk about a similar problem ,issue , but what is the correct way to fix this problem , this is the V4.1 !!!!

TypeError: el is null

el.addCls.apply(el, arguments);

ext-all-dev.js（68365 行）

TypeError: el is null 

function view_taskInfoWindow(record){
    if( !App.win_taskInfo ){
        var required = '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>';
        
        App.win_taskInfo = new Ext.Window({
            title: 'task',
            layout: 'form',
            frame: true,
            bodyPadding: '5 5 0',
            width: 650,
            myRecord:record,
            height: 500,
            defaultType: 'textfield',
            fieldDefaults: {
                msgTarget: 'side',
                labelWidth: 75
            },
            modal: true,
            items: [
                        {
                            xtype: 'textfield',
                            fieldLabel: 'Task Name',
                            name: 'taskName',
                            allowBlank: false,
                            value: record.data['Name'],
                            afterLabelTextTpl: required
                        },
                        {
                            xtype: 'label',
                            text: 'Role Name / Owner Name'
                        },
                        {
                            xtype: 'label',
                            name: 'roleName',
                            text:record.data['RoleName']
                        },
                        {
                            xtype: 'label',
                            text: '  '
                        },
                        {
                            xtype: 'label',
                            text: record.data['Owner'],
                            name: 'ownerName'
                        }{
                            xtype: 'timefield',
                            fieldLabel: 'Time',
                            name: 'time',
                            minValue: '8:00am',
                            maxValue: '6:00pm'
                        }*/
            ],
            buttons: [{
                text: 'Ok',
                scope: this,
                handler: function() {

                    App.win_taskInfo.hide();
                }
            }, {
                text: 'Cancel',
                scope: this,
                handler: function() {
                    App.win_taskInfo.hide();
                }
            }
            ]
        });
    }
    
    App.win_taskInfo.myRecord=record;
    App.win_taskInfo.show();
} 

[evant]

http://docs.sencha.com/ext-js/4-1/#!...fg-closeAction