Extjs 4 表单提交 dom 未定义

Question

我有一个表单变量传递到我的窗口，并且记录是从网格/存储填充的。以下是代码：

{
    tooltip: 'Edit', 
    handler: function(grid, rowIndex, colIndex){
        var rec=grid.getStore().getAt(rowIndex); 
        var edit_app=Ext.create('Ext.Window',{ 
            title: 'Edit Applicant: ' + rec.ge('app_name'),
            items:[app_form],
            buttons:[{
                text: 'Update',
                handler:function(){
                    if(edit_app.down('form').getForm().isValid()){ //or  app_form.getForm().isValid(
                        edit_app.down('form').getForm().submit({ 
                             url: 'api/api.php',
                             waitMsg: '..submitting',
                             success: function(form,actns){
                                 edit_app.hide();
                             },
                             failure: function(fomr,actnz){
                                 alert('Error with submission');
                                 edit_app.close();
                             }
                         });
                    }
                }
            }, {
                text: 'Close', 
                handler: function(){
                    edit_app.hide();
                }
            }]
        }).show();
        var form = edit_app.down('form').getForm(); //app_form.getForm()
        form.loadRecord(rec);
    }
}

当我第一次填充表单时，它可以很好地提交更新。但是，当我第二次尝试相同的操作时，我得到以下消息：

me.getRenderTarget（...）.DOM 未定义

targetNodes = me.getRenderTarget().dom.childNodes,

我一直在尝试谷歌搜索解决方案，但直到现在都没有成功。帮助将不胜感激

Answer 1

我相信问题可能是您在每次调用处理程序时都使用"Ext.create"来构建一个新的窗口对象，并将表单作为变量引用传入，并在完成表单时使用"隐藏"和"关闭"。 这可能会导致很多冲突，因为 Ext 尝试访问原始对象，并且找不到子对象，这就是您的错误的样子。 窗体仍可能与原始对象相关联，或者窗口选择器可能正在获取原始窗口，而原始窗口现在不再具有该窗体。 无论哪种方式，Ext的选择器都很困惑。

要测试这一点，请尝试将窗口创建移动到处理程序之外，并调用"myWindow.show（）"和表单填充代码。