Скрытые поля не отображаются прямо в formpanel - PullRequest
Новая
       27

Скрытые поля не отображаются прямо в formpanel

0 голосов
/ 14 сентября 2011

У меня есть formPanel с макетом столбца.Он отлично работает до тех пор, пока в каждом столбце есть видимые поля.

Я попытался добавить скрытые поля, чтобы освободить место для тех частей столбца, где он мне нужен, но он отображается очень странно.Я действительно пытался перейти на добавление в textFields и скрыть их, но это не оставляло никакого пространства вообще.

На снимке экрана ниже показано, что я имею в виду.В конце 1-й строки в столбце 3 и в нижней части столбцов 1 и 3 есть скрытое поле, но компоновка этого не показывает.

Скрытые поля были реализованы как (с уникальнымизначения идентификатора / имени): 

{
                    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'                
                            }
                    ]
                },

form

1 Ответ

1 голос
/ 14 сентября 2011
У

была та же проблема .. мы определили компонент 

Ext.define('NCEN.extended.columnSpacer', {
    extend: 'Ext.form.field.Display',
    alias: 'widget.columnSpacer',
    value: '  '
});

и просто используем его как 

xtype: 'columnSpacer'
...