1. #1
    Sencha User
    Join Date
    Jan 2011
    Posts
    4
    Vote Rating
    0
    Iteron is on a distinguished road

      0  

    Question Unanswered: How can I use an Ext4 panel inside an Ext3 container?

    Unanswered: How can I use an Ext4 panel inside an Ext3 container?


    What is the correct way of using Ext 4 components inside Ext 3 components? For example a Ext4 panel as one of the regions of a border-layout Ext3 panel. Or an Ext4 tab inside an Ext3 TabPanel which also contains other legacy Ext3 tabs.

    Simply trying to add it as normal gives a "this.container is undefined" error.

    This code works (Ext3 only)
    Code:
    new Ext.Viewport({
        layout: 'border',
        border: true,
        items: [
            new Ext.Panel({
                title: 'Ext3',
                region: 'center',
                html: 'This is an Ext3 region',
                border: true
            }),
            new Ext.Panel({
                title: 'Ext 4',
                region: 'south',
                html: 'This should be an Ext 4 region',
                border: true,
                height: 200
            })
        ]
    });
    This one (Ext3 + Ext4) fails with "this.container is null" in ext-all-sandbox-debug.js @28570
    Code:
    new Ext.Viewport({
        layout: 'border',
        border: true,
        items: [
            new Ext.Panel({
                title: 'Ext3',
                region: 'center',
                html: 'This is an Ext3 region',
                border: true
            }),
            new Ext4.Panel({
                title: 'Ext 4',
                region: 'south',
                html: 'This should be an Ext 4 region',
                border: true,
                height: 200
            })
        ]
    });
    Ext3 and Ext4 are included on the page and otherwise work (for example Ext4 windows on top of the Ext3 content), just nothing where I try to put Ext4 components inside the layout of an Ext3 one.

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,604
    Answers
    543
    Vote Rating
    325
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    Perhaps you could inject the Ext 4 panel at the HTML level using renderTo? Might need some trickery to handle resizing but I see no reason why this couldn't be made to work.

Thread Participants: 1

Tags for this Thread