अन्य फॉर्म फ़ील्ड को समूहीकृत करके कस्टम फॉर्म फ़ील्ड कैसे बनाएं?

Question

मैं कई मानक फॉर्म फ़ील्ड को एक्स्टजेस 4 में एक कस्टम फॉर्म फ़ील्ड में समूहित करना चाहता हूं। असल में, मैं एक श्रेणी चयनकर्ता चाहता हूं: जब आप पहले combobox से एक श्रेणी का चयन करते हैं, तो एक माध्यमिक combobox इसके उपश्रेणियों को प्रदर्शित करता है, और इसी तरह।

मैंने पहले से ही इसके लिए तर्क लिखा है और यह सभी एक कस्टम घटक में encapsulated है जो Ext.form.FieldSet को बढ़ाता है। लेकिन, मैं रिकॉर्ड के साथ एक फॉर्म के अंदर इस घटक का उपयोग करना चाहता हूं, इसलिए मुझे लगता है कि मुझे इसे सेटवेल्यू, getValue और एक सत्यापनकर्ता जैसे कार्यों के साथ एक फ़ील्ड में बदलने की आवश्यकता है। मुझे Ext.form.field.Base मिला जो यह सब प्रदान करता है, लेकिन मुझे दो घटकों को सामंजस्यपूर्ण रूप से संयोजित करने का कोई तरीका नहीं मिल रहा है (Ext.form. फ़ील्डसेट + जैसे कंटेनर जैसे Ext.form.field.base) ।

क्या किसी को पता है कि मैं इसे कैसे और कैसे पूरा कर सकता हूं?

अग्रिम धन्यवाद!

Answer 1

निम्नलिखित समाधान सबसे अच्छा नहीं हो सकता है। हालांकि यह काम करना चाहिए।

Ext.form.field.Base बढ़ाएं। फिर Ext.form.FieldSetafterrender हैंडलर बनाएं और इसे फ़ील्ड के inputEl में जोड़ें।

Ext.define('Ext.ux.form.field.MyCoolField', { 
    extend:'Ext.form.field.Base', 
    requires: ['Ext.util.Format', 'Ext.XTemplate'], 
    fieldSubTpl: [ 
     '<div id="{id}" class="{fieldCls}"></div>', 
     { 
      compiled: true,   
      disableFormats: true  
     }   
    ], 

    isFormField: true, 
    submitValue: true, 
    afterRender: function() { 
     this.callParent(); 

     this.fieldSet = Ext.create('Ext.form.FieldSet', { 
      items: [{ 
       // ... config of the first item 

       // The following configs should be set to false. It's important. 
       // Otherwise form will assume this items as its fields 
       isFormField: false, 
       submitValue: false 
     }); 
     this.fieldSet.render(this.inputEl); 
    }, 

    // and here overriding valueToRaw and so on 
    // ... 
}); 

Answer 2

मैं एक अलग तरीके से इस पूरा किया, लेकिन अस्वीकरण:: तो फिर, ज़ाहिर है, ओवरराइड क्षेत्र के valueToRaw, setRawValue ...

यहाँ एक कोड है यह ExtJS में काम करना बंद कर 4.1

मैंने Ext.container.Container को बढ़ाया, फिर एक mixin के रूप में Ext.form.field.Field जोड़ा। वहां से मैंने getValue/setValue लागू किया। यह सब बहुत अच्छा काम किया, लेकिन अचानक 4.1 में विभिन्न प्रकार के मुद्दे हैं।