समस्या लेआउट

Question

-प्रांगण मैं प्रपत्र

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 } के लिए,

धन्यवाद लेआउट जोड़कर सभी

Answer 1

पाया अपनी मुक्ति: अपनी रूप को लंगर सभी

Answer 2

एक त्वरित रूप से देखने के बाद ... क्या आपने एंकर: '0' दोनों फ़ील्ड और कंटेनरों पर डालने की कोशिश की है?

इसके अलावा, आप के बजाय fieldDefaults

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

Answer 3

का उपयोग करना चाहिए मैं लेआउट निर्दिष्ट होगा: के बाद से आप एक ही fieldset उपयोग कर रहे हैं FormPanel पर 'फिट'।

बाकी मैं समझ नहीं पा रहा हूं। ऐसा लगता है कि आप कॉलम लेआउट निर्दिष्ट करते हैं लेकिन केवल एक कॉलम का उपयोग करते हैं।

क्या आप उदाहरण को साफ कर सकते हैं और मुझे सहायता करने में खुशी होगी।

Answer 4

को आप सेट करना होगा ऊंचाई संपत्ति

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

धन्यवाद fieldset करने के लिए 'लंगर': 'फिट' या लेआउट: लेआउट जोड़कर और यदि यह अभी भी प्रदर्शित नहीं हो रहा है तो फ़ील्डसेट को भी ऊंचाई दें।