Ext जे एस रेडियो बटन

Question

ExtJs में मैं के बराबर प्राप्त करने के लिए करना चाहते हैं:

<input type="radio"><label><input type="text"></label> 

कहाँ इनपुट बॉक्स रेडियो बटन को जुड़ा हुआ है।

new Ext.form.RadioGroup({ 
         id:"alerts", 

         items: [ 
          new Ext.form.Radio({ 
           boxLabel:'Now', 

          }), 
          new Ext.form.Radio({ 
           boxLabel:'On', 
          }) 

         ] 
); 

मैं "ऑन" लेबल को इसके आगे Ext.form.TextField रखना चाहता हूं।

मैंने रेडियो ग्रुप में Ext.form.TextField जोड़ने का प्रयास किया है, लेकिन यह नहीं दिखाएगा (जैसा कि मुझे लगता है क्योंकि यह रेडियो नहीं है) और मैं रेडियो ऑब्जेक्ट में आइटम जोड़ने में असमर्थ हूं।

किसी भी सलाह को धन्यवाद, धन्यवाद।

Answer 1

मुझे नहीं लगता कि जब तक आप रेडियोबटन कक्षा को ओवरराइड नहीं करते हैं और इसके प्रतिपादन तर्क को बदलते हैं (और मुझे लगता है कि आपके द्वारा प्रस्तावित तरीके से टेक्स्टफील्ड सही ढंग से प्रस्तुत करने के बारे में सोचने के लिए यह अधिक जटिल होगा)। एक बेहतर तरीका रेडियो और टेक्स्टफील्ड को दो अलग-अलग क्षेत्रों के रूप में जोड़ने और उन्हें प्रोग्रामेटिक रूप से लिंक करना होगा। Ext 3.2 में आप इसे आसानी से करने के लिए एक कंपोजिटफिल्ड का उपयोग कर सकते हैं। रेडियो के हैंडलर एफएन में आप अपने संबंधित टेक्स्टबॉक्स पर ध्यान केंद्रित कर सकते हैं या जो भी अन्य तर्क आपको चाहिए।

Answer 2

boxLabel में एक <input/> तत्व जोड़ कर RadioGroup पर प्रस्तुत करना घटना एक TextField बना सकते हैं और उस तत्व

new Ext.form.RadioGroup({ 
    id:"alerts", 
    items: [ 
    {boxLabel: 'Now',}, 
    {boxLabel: 'On <input id="on_date" type="text"/>'}, // contains <input/> id is "on_date" 
    ], 
    listeners: { 
    change: function() { 
     // really, check if "on" was clicked 
     if(true) { 
     Ext.getCmp('on_date_field').focus(); 
     } else { 
     // otherwise, disable the field? 
     } 
    }, 
    render: function() { 
     new Ext.form.TextField({ 
     id: 'on_date_field', 
     applyTo: 'on_date', // apply textfield to element whose id is "on_date" 
     }); 
    } 
    } 
}); 

मैंने पुष्टि की है कि इस TextField साथ काम करता है उसे लागू करने के लिए और नहीं, हालांकि मेरे पास है कोशिश की, इसे डेटफिल्ड या कॉम्बोबॉक्स के साथ भी काम करना चाहिए। इसके अलावा अवांछित, लेकिन <input/> बनाने के बजाय, आप एक कंटेनर तत्व बना सकते हैं और टेक्स्टफ़िल्ल्ड और renderTo उस तत्व को बना सकते हैं।