問題extjs的字段佈局

我有顯示字段問題上形式問題extjs的字段佈局

var test = Ext.create('Ext.form.Panel', { 
     renderTo: 'test', 
     title: '1. zzzz', 
     width: 800, 
     bodyPadding: 5, 


     defaults: { 
      anchor: '100%' 
     }, 
     items: [ 
     { 
      xtype: 'fieldset', 
      defaults: { 
       anchor: '100%' 
      }, 
      layout: 'column', 
      items: [ 
      { 
       xtype: 'panel', 
       fieldDefaults: { 
        msgTarget: 'side', 
        labelWidth: 75 

       }, 
       columnWidth: .5, 
       flex: 1, 
       defaultType: 'textfield', 
       defaults: { 
        anchor: '100%', 
        flex: 1 
       }, 
       items: [ 
       { 
        xtype: 'numberfield', 
        hideTrigger: true, 
        fieldLabel: 'zzzz', 
        //anchor: '100%', 
        //anchor: '-5', 
        name: 'SRD_NUMBER' 
       }, 
       { 
        fieldLabel: 'zzzz', 
        //anchor: '-5', 
        name: 'SRD_NAME_BR' 
       }, 
       { 
        fieldLabel: 'zzzzz', 
        //anchor: '-5', 
        name: 'SRD_NAME_FL' 
       }, 
       { 
        xtype: 'numberfield', 
        hideTrigger: true, 
        fieldLabel: 'zzzz', 
        disabled: true, 
        //anchor: '-5', 
        name: 'SRD_FOP' 
       }, 
       { 
        fieldLabel: 'zzzz', 
        //anchor: '-5', 
        name: 'SRD_NAME_ORDER' 
       }, 
       { 
        xtype: 'panel', 
        id: 'dep-img', 
        border: false, 
        height: 50, 
        width: 100, 
        cls: 'x-form-item', 
        html: '<img src="http://dep-image/id/10000001482" width="100" height="50" title="zzz">' 
       }, 
       { 
        xtype: 'filefield', 
        name: 'file1', 
        msgTarget: 'side', 
        border: 3, 
        //anchor: '100%', 
        fieldLabel: 'zzzz', 
        buttonText: 'zzzzzz' 
       }, 
       { 
        fieldLabel: 'zzz', 
        //anchor: '-5', 
        name: 'company' 
       }, 
       { 
        fieldLabel: 'zzzz', 
        //anchor: '-5', 
        name: 'company' 
       }] 
      } 
      ] 
     } //fieldset 
     ]//glob 

    });

我需要適應字段寬度列的寬度。

此頁面http://docs.sencha.com/ext-js/4-0/#/api/Ext.form.FieldContainer 2個示例而在第二個示例中它們設置爲defaults {layout: '100%'}並且看起來不起作用。

發現自己得救：通過添加布局： '適應' 或佈局： '錨' 來FIELDSET錨的默認值：{ 佈局： '適應'，撓曲：1 }，

由於全部

來源

2011-07-13 Subdigger

發現自己的救贖：通過添加布局：「適合」或佈局：「錨」

defaults: { 
    layout: 'fit', 
    flex: 1 
},

感謝所有

來源

2011-07-14 08:06:43 Subdigger

你可以擴展或提供一個「佈局：」acnchor'fieldset錨「的例子嗎？ – Thomas

很久以前。甚至沒有這個代碼:) – Subdigger

-3

快速瀏覽後...你有沒有嘗試把錨：'0'在兩個領域和容器？

此外，你應該使用fieldDefaults代替

defaults: { 
       anchor: '100%', 
       flex: 1 
      },

來源

2011-07-13 12:38:33 Marko

你測試過了嗎？ – Subdigger

我會指定佈局：由於您使用單個字段集在FormPanel中「適合」。

其餘我不明白。它看起來像指定列布局，但只使用一列。

你能清理一下這個例子嗎？我很樂意幫忙。

來源

2011-07-14 07:07:25 Fredric

您必須設置高度屬性字段集錨您形式如果它還沒有顯示，那麼也給fieldset賦予高度。

來源

2011-07-17 20:43:29 Zango

問題extjs的字段佈局

回答

相關問題