0

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

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

下面的屏幕截图显示了我的意思。在第 3 列的第一行末尾以及第 1 列和第 3 列的底部有一个隐藏字段，但布局没有显示。

隐藏字段已实现为（具有唯一的 id/name 值）：

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

我的表单列的配置类似于：

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

形式

4

1 回答 1

1

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

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

就像使用它一样

xtype: 'columnSpacer'
于 2011-09-14T14:37:15.027 回答