ExtJS वस्तुओं

Question

मैं अपने आवेदन में एक सुपर वर्ग को मर्ज, कि इस तरह एक वस्तु को परिभाषित करता है:

Ext.define('superclass', { 
    myObject: { 
     prop1: true, 
     prop2: 200, 
     .. 
    } 

और एक बच्चे वर्ग है कि ऊपर सुपर क्लास विरासत में मिला है, कि एक ही वस्तु वाणी:

Ext.define('childclass', { 
    extend: 'superclass', 

    myObject: { 
     prop3: false, 
     prop4: false, 
     .. 
    } 

समस्या यह है कि, बाल वर्ग में myObject केवल prop3 और prop4 गुण हैं।

मुझे इसकी आवश्यकता है कि myObject ib बाल वर्ग में सभी prop1, prop2, prop3 और prop4 गुण हैं।

मैं यह कैसे कर सकता हूं?

Answer 1

निर्माता में वस्तु का विस्तार (या initComponent में आप Ext.Component का विस्तार करने पर):

Ext.define('childclass', { 
    extend: 'superclass', 

    constructor: function() { 
     this.myObject = Ext.apply({}, this.myObject, { 
      prop3: false, 
      prop4: false 
     }); 
     this.callParent(arguments); 
    } 
}); 

Demo।

Answer 2

@ आणविक आदमी का जवाब सही है, हालांकि मैं विलय समारोह का उपयोग करूंगा।

चलें कहते हैं कि तुम अपनी पहली config में इस है:

myObject: { 
    prop1: false, 
    person: { 
     name: "John" 
    } 
} 

और अपने दूसरी वस्तु

myObject: { 
    prop2: false, 
    person: { 
     surname: "Doe" 
    } 
} 

आपका व्यक्ति के ऊपर लिख देगा लागू करते हैं और आप केवल person.surname होगा।

कुछ इस तरह में

:

myObject: { 
    prop1: false, 
    prop2: false, 
    person: { 
     surname: "Doe" 
    } 
} 

मर्ज दो वस्तुओं मर्ज हो जाएंगे।

Ext.define('childclass', { 
    extend: 'superclass', 

    constructor: function() { 
     this.myObject = Ext.merge(this.myObject, { 
      prop3: false, 
      prop4: false 
     }); 
     this.callParent(arguments); 
    } 
}); 

नोट मेरी उदाहरण में बताए अनुसार है कि यह केवल sitation में की आवश्यकता होगी, नहीं तो आप आण्विक का जवाब कर सकते हैं।

Answer 3

दोनों प्रदान किए गए उत्तर सुपर क्लास प्रोटोटाइप की myObject संपत्ति को जैसे ही बाल वर्ग के निर्माण के रूप में बदल देंगे। यह वही नहीं हो सकता जो आप चाहते हैं। मैं सवाल करता हूं कि आप इस तरह के वर्ग प्रोटोटाइप पर एक वस्तु क्यों डाल रहे हैं। यह आमतौर पर ऐसा करने का अच्छा विचार नहीं है। यदि आपको वास्तव में करना चाहते हैं, तो आप इस

Ext.define('childclass', { 
    extend: 'superclass', 

    // I'm adding an empty object here so that myObject on the 
    // prototype does not get overridden. 
    myObject: Ext.merge({}, superclass.prototype.myObject, { 
     prop3: false, 
     prop4: false 
    }); 

});