Home/ Questions/Q 5939549
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T15:50:38+00:00

I’ve got an ExtJS3 application which could benefit from the ExtJS4 SVG stuffs .

  • 0

I’ve got an ExtJS3 application which could benefit from the ExtJS4 SVG stuffs. Online there is an example of how to use sandbox mode to include ExtJS4 components in an ExtJS3 application… but in the example the ExtJS4 components are in their own floating window, so the ExtJS4 components aren’t really added to ExtJS3 components; they just co-exist rather independently.

Is there a way to add an ExtJS4 component to an ExtJS3 component while running in sandbox mode? For example:

var item = Ext4.create("Ext.panel.Panel", { // ExtJS4
    /* config */
});
var parent = new Ext.Panel({ // ExtJS3
    items:[item],
    /* more config */
});

If I try something like this, I usually get an error like…

this.container is null (http://localhost:4000/path/ext-4.0.0/builds/ext-all-sandbox-debug.js:27723)
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It would seem that some Ext4 components can renderTo DOM elements in Ext3 components, with limited success:

    var ext3Panel = new Ext.Panel({
    title:'Ext3'
});
ext3Panel.on('afterrender', function() {
    var ext4Panel = Ext4.create('Ext.panel.Panel', {
        title:'Ext4',
        renderTo:ext3Panel.body.dom,
    });
    ext3Panel.add(ext4Panel);
});

    This seems to be most useful when using Ext4 charts in an Ext3 project.

    Citations:

    • 0