ExtJS 3.4 रेडियोग्रुप स्ट्रेच

Question

बंद करें मुझे रेडियो समूह में प्रत्येक रेडियो बटन की चौड़ाई निर्धारित करने में समस्या है।

xtype: 'container', 
id: 'cntCompany', 
layout: 'hbox', 
fieldLabel: 'Company', 
items: [ 
    { 
     xtype: 'radiogroup', 
     id: 'rdogrpCompany', 
     items: [ 
      { id: 'rdoIT', boxLabel: 'IT', name: 'rdoCompany', inputValue: 'IT', width: 40, checked: true }, 
      { id: 'rdoCOMMS', boxLabel: 'COMMS', name: 'rdoCompany', width: 40, inputValue: 'Comms' }, 
      { id: 'rdoGROUP', boxLabel: 'GROUP', name: 'rdoCompany', width: 40, inputValue: 'Group' }, 
      { id: 'rdoALL', boxLabel: 'ALL', name: 'rdoCompany', width: 40, inputValue: 'All', margins: '0 0 0 30' } 
     ] 
    } 
] 

मैंने प्रत्येक रेडियो बटन की चौड़ाई निर्धारित की लेकिन यह ठीक से काम नहीं कर रहा है। यह रेडियोग्रुप क्यों समान चौड़ाई कॉलम के समान होता है और चौड़ाई को अनदेखा करता है: 40? मैं प्रत्येक रेडियो बटन के लिए चौड़ाई कैसे सेट करता हूं?

Answer 1

डिफ़ॉल्ट रूप से कॉम्बो-समूह/रेडियो-समूह समूहबद्ध तत्वों को संरेखित करने के लिए कॉलम लेआउट का उपयोग कर रहा है। और यदि कुछ भी सेट नहीं किया गया है तो वह 'ऑटो' को डिफ़ॉल्ट मान के रूप में उपयोग करता है।

नियंत्रण एक पंक्ति और चौड़ाई प्रत्येक स्तंभ के समान रूप से समग्र क्षेत्र कंटेनर की चौड़ाई के आधार पर वितरित किया जाएगा पर प्रति स्तंभ एक रेंडर किया जाएगा। यह डिफ़ॉल्ट है।

एपीआई के आधार पर यह एक लेआउट समस्या है। ध्यान दें कि यदि आप एक को परिभाषित नहीं करते हैं तो ExtJS डिफ़ॉल्ट लेआउट का उपयोग करता है। तो लेआउट को बदलें या columns: 1 अपनी समस्या का समाधान करें।

API-Link

संपादित करें: टिप्पणी के आधार पर सही उत्तर columns: [40, 40, 40, 40]