フォームパネルの非表示フィールドが正しく表示されない

Question

私は列レイアウトを持つformPanelを持っています。すべての列に可視フィールドがある限り、完全に機能します。

私はそれを必要とする部分のスペースを提供するために隠しフィールドを追加しようとしましたが、それは非常に奇妙に表示されています。私はtextFieldsを追加して隠すように変更しようとしましたが、スペースをまったく保持していませんでした。

以下のスクリーンショットは、私が何を意味しているかを示しています。 1列目の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('NCEN.extended.columnSpacer', { 
    extend: 'Ext.form.field.Display', 
    alias: 'widget.columnSpacer', 
    value: ' ' 
}); 

とちょうど正確にあなたがext.defineを入れてください

xtype: 'columnSpacer'