extjs3扁平化

Ext.onReady(function() {
    var panel = new Ext.Panel({
        renderTo: Ext.getBody(),
        title: 'Main Panel',
        width: 400,
        height: 300,
        layout: 'fit',
        items: [
            {
                xtype: 'panel',
                title: 'Nested Panel 1',
                items: [
                    {
                        xtype: 'button',
                        text: 'Button 1'
                    }
                ]
            },
            {
                xtype: 'panel',
                title: 'Nested Panel 2',
                items: [
                    {
                        xtype: 'button',
                        text: 'Button 2'
                    }
                ]
            }
        ]
    });

    // 手动扁平化组件结构
    var buttons = panel.query('button');
    Ext.each(buttons, function(button) {
        button.ownerCt.remove(button);
        panel.add(button);
    });
});

panel.on('click', function(event, target) {
    if (target.isXType('button')) {
        console.log('Button clicked:', target.text);
    }
});