extjs如何綁定一個字段到另一個現有的表格

Question

我有一個表單A包含一些關於問題的字段（我的應用程序中的一個模型），但它不能直接通過form.getForm（）。submit（）提交。在窗體A將打開另一個窗口，並在該窗口上的一個字段。我想附加字段形成A，所以我可以提交這些字段在一起。 詳細如下： enter image description here

Answer 1

在這種情況下，我會嘗試給兩個不同的ID的形式。接下來，從它們中檢索值並進行合併如果字段名稱不同。

var first_form_values = Ext.getCmp('first-form').getForm().getValues(); 
var second_form_values = Ext.getCmp('second-form').getForm().getValues(); 
var all_values = Ext.Object.merge(first_form_values , second_form_values); 

然後你把所有的值，你可以通過Ext.Ajax的向他們發送等

完整的示例：

Ext.create('Ext.window.Window', { 
     title: 'First Form', 
     height: 200, 
     width: 400, 
     layout: 'fit', 
     items: { 
      xtype: 'form', 
      id: 'first-form', 
      items: [ 
       { 
        xtype: 'textfield', 
        fieldLabel: 'First field', 
        name: 'first-field', 
       } 
      ] 
     }, 
     buttons: [ 
      { 
       text: 'Show second form' 
       handler: function() 
       { 
        Ext.create('Ext.window.Window', { 
         title: 'Second Form', 
         height: 200, 
         width: 400, 
         layout: 'fit', 
         items: { 
          xtype: 'form', 
          id: 'second-form', 
          items: [ 
           { 
            xtype: 'textfield', 
            fieldLabel: 'Second field', 
            name: 'second-field', 
           } 
          ] 
         }, 
         buttons: [ 
          { 
           text: 'Submit' 
           handler: function() 
           { 
            var first_form = Ext.getCmp('first-form'), 
             second_form = Ext.getCmp('second-form'); 
            if(first_form && second_form) 
            { 
             var fist_form_values = first_form.getForm().getValues(), 
              second_form_values = second_form.getForm().getValues(); 

             var values = Ext.Object.merge(fist_form_values, second_form_values); 

             // You have all values from two forms 
            } 


           } 
          } 
         ] 
        }).show(); 
       } 
      } 
     ] 
    }).show();