숨겨진 필드가 formpanel에서 오른쪽으로 표시되지 않습니다.

Question

저는 열 레이아웃이있는 formPanel을 사용하고 있습니다. 모든 열에 보이는 필드가있는 한 완벽하게 작동합니다.

내가 필요로하는 열의 부분에 공간을 제공하기 위해 숨겨진 필드를 추가하려고했지만 아주 이상하게 표시됩니다. textFields를 추가하고 숨기는 방법으로 변경하려고 시도했지만 모든 공간을 유지하지 못했습니다.

아래 스크린 샷의 의미는 무엇입니까? 열 3과 열 1과 3의 하단에는 첫 번째 행 끝에 숨겨진 필드가 있지만 레이아웃에는 그 필드가 표시되지 않습니다.

숨겨진 필드

은 (고유 ID/이름 값)로 구현되었습니다

{ 
        id:'my_field_id', 
        name: 'my_field_name', 
        xtype: 'hidden'     
        } 

그리고 내은 FormPanel 열은 유사한 구성되었습니다

id: 'myForm' 
    ,title: 'Search Form' 
    ,frame:true  
    ,waitMessage: 'Please wait.'   
    ,initComponent: function() {  
     var config = {     
      items: [{ 
       layout:'table', 
       items:[{ 
        //columnWidth:.25, 
        layout: 'form', 
        items: [{ 
         xtype: 'datefield', 
         fieldLabel: "From Date",       
         id: 'date1' 
         }, 

         { 
         xtype:'combo',        
         id: 'fieldSelecCmb1',        
         hiddenName: 'ddi_country',        
         anchor:'98%', 
         store: fieldStore, 
         displayField: 'name', 
         valueField: 'alpha2code', 
         selectOnFocus: true, 
         mode: 'local', 
         typeAhead: true, 
         editable: false, 
         triggerAction: 'all', 
         value: 'emp_id', 
         listeners:{ 
          select: { 
           fn:function(combo, value){           
            myStore.load({params:{ddi_country: this.value}}); 
             } 
           } 
          } 
         }, 
         { 
          id:'my_field', 
          name: 'my_field', 
          xtype: 'hidden'     
          } 
        ] 
       },   

Answer 1

가 있었다 같은 문제 .. 우리는 구성 요소를 정의했습니다.

당신이 ext.define을 배치해야합니까 정확히 어디에

단지는

xtype: 'columnSpacer'