html - एक डिवेल में Ext.application प्रदान करें



css extjs (1)

मैं अपने मौजूदा वेबसाइट टेम्पलेट के अंदर एक ExtJS4 Ext.application को चलाने की कोशिश कर रहा हूं। हमारे पास एक div #content , जिसमें मैं विकास के लिए आवेदन करना चाहता हूं। मौजूदा HTML पृष्ठ को बदलने के बजाय, मैं इस क्षेत्र में आवेदन कैसे प्रस्तुत करूं?

Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
       //   renderTo: Ext.Element.get('#content')  doesn't work
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});

आपको किसी अतिरिक्त कंटेनर को Ext.container.Viewport से उपयोग करने की आवश्यकता है। Definition Ext.container.Viewport द्वारा। Viewport हमेशा पूरे ब्राउज़र विंडो ले जाएगा।

दस्तावेज़ से:

व्यूपोर्ट स्वयं दस्तावेज़ बॉडी में रेंडर करता है, और स्वतः ब्राउज़र व्यूपोर्ट के आकार में स्वतः आकार देता है और विंडो रीसाइजिंग को प्रबंधित करता है। केवल एक व्यूपोर्ट एक पृष्ठ में बनाया जा सकता है।

बस इसके बजाय Ext.panel.Panel उपयोग करें

Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.panel.Panel', {
            layout: 'fit',
            renderTo: Ext.get('content')
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});




extjs4