javascript - 消息窗口隐藏在面板后面

Question

单击可编辑单元格上的选项卡时，消息窗口隐藏在面板后面。

例如：双击第一个手机单元格，按TAB键。您可以看到消息框，然后隐藏在网格窗口后面。

Ext.create('Ext.data.Store', {
    storeId: 'simpsonsStore',
    fields: ['name', 'email', 'phone'],
    data: {
        'items': [{
            'name': 'Lisa',
            "email": "lisa@simpsons.com",
            "phone": "1224"
        }, {
            'name': 'Bart',
            "email": "bart@simpsons.com",
            "phone": "1234"
        }, {
            'name': 'Homer',
            "email": "home@simpsons.com",
            "phone": "1244"
        }, {
            'name': 'Marge',
            "email": "marge@simpsons.com",
            "phone": "1254"
        }]
    },
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

var table = Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [{
        text: 'Name',
        dataIndex: 'name',
        editor: {
            xtype: 'textfield'
        }
    }, {
        text: 'Email',
        dataIndex: 'email',
        flex: 1
    }, {
        text: 'Phone',
        dataIndex: 'phone',
        editor: {
            xtype: 'numberfield',
            hideTrigger: true,
            validateOnChange: false
        }
    }],
    height: 200,
    width: 400,
    plugins: [Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 2
    })],
    listeners: {
        'validateedit': function () {
            Ext.MessageBox.show({
                icon: Ext.MessageBox.ERROR,
                buttons: Ext.MessageBox.OK,
                title: 'test',
                msg: 'test'
            });
        }
    }
});
tablePanel.add(table);
tablePanel.show();

});

以前有人遇到过这样的问题吗？

Answer 1

我从 sencha 网站得到了答案：

我看到它在 4.07 中没有这样做，但在 4.1 中。我将与开发团队交谈。

现在，您可以使用 defer：

Code:
listeners:{
    'validateedit':function(){
        Ext.MessageBox.show({
        icon: Ext.MessageBox.ERROR,
        buttons: Ext.MessageBox.OK,
        title: 'test',
        msg: 'test'
      }).defer(100);
    }
}