javascript - 如何使用选项卡从 Ext.FormPanel 提交数据？

Question

FormPanel 上有多个选项卡:

代码:

var podform = new Ext.FormPanel({
 labelAlign: 'left',
 id: 'tab_6',
 frame:true,
 title: 'Договоры подряда',
 bodyStyle:'padding:5px 5px 0',
 width: 600,
 listeners: {
'activate' :  function(podform,records,options) {
       console.log("store:"+store_form);
    this.loaded = true;
    var record = store_form.getAt(0);
    podform.getForm().loadRecord(record);
}
 },
 reader : new Ext.data.XmlReader({
record : 'zem',
//      success: '@success'
}, [
  ]),
 items: []
});

podform.add(tabs_pod);

现在我尝试向服务器提交数据:

    podform.addButton({
    text: 'Submit',
    //disabled:true,
    handler: function(){
        podform.getForm().submit({
            url:url_servlet+'submit.jsp',
            waitMsg:'Saving Data...',
            success: function(form, action) {
                Ext.Msg.show({
                 title:'Success'
                ,msg:'Form submitted successfully'
                ,modal:true
                    ,icon:Ext.Msg.INFO
                ,buttons:Ext.Msg.OK
                });
            }
        });
    }
});

但是 firebug 说我只提交我见过的面板的数据。这意味着如果我不单击第二个选项卡，我将无法从中获取数据。
有可能修复吗？

更新

当我使用 deferredRender:false, 第一个选项卡显示正常，但另一个选项卡如下所示:

Answer 1

我认为您看到的问题是，由于延迟渲染(一种性能增强技术)，选项卡面板未渲染非事件选项卡中的字段。您可以尝试使用 deferredRender:false 显式强制渲染这些子面板

在此处查看完整文档

ExtJS 3.4 -> http://docs.sencha.com/ext-js/3-4/#!/api/Ext.TabPanel-cfg-deferredRender

ExtJS 4.1 -> http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Panel-cfg-deferredRender