extjs 필드를 다른 기존 양식에 바인딩하는 방법

Question

질문에 대한 일부 필드 (응용 프로그램의 모델)를 포함하는 양식 A가 있지만 form.getForm(). submit()에 의해 직접 제출할 수 없습니다. 양식 A는 다른 창과 그 창에서 필드를 열 것입니다 .i 필드를 양식 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();