0

列レイアウトのformPanelがあります。すべての列に表示されているフィールドがある限り、完全に機能します。

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

以下のスクリーンショットは、私が何を意味するかを示しています。3列目の1行目の終わり、および1列目と3列目の下部に非表示のフィールドがありますが、レイアウトにはそれが示されていません。

非表示フィールドは、（一意のID /名前値を使用して）次のように実装されています。

{
                    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 に答える