隐藏字段在formpanel中不显示

时间:2011-09-14 14:23:14

标签: javascript forms layout extjs formpanel

我有一个带有列布局的formPanel。只要每列中都有可见字段,它就能完美运行。

我尝试添加隐藏字段,为我需要它的列部分提供空间,但它显示得非常奇怪。我确实尝试过更改为添加textFields并隐藏它们,但它根本没有保留任何空间。

下面的屏幕截图显示了我的意思。第3列的第1行末尾和第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'                
                            }
                    ]
                },        

form

1 个答案:

答案 0 :(得分:1)

有同样的问题..我们定义了一个组件

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

就像

一样使用它
xtype: 'columnSpacer'