Error loading new content to panel

[nick_laros]

I have a panel that load some html content, here's the code:

Ext.define('PMK.view.panel.Personalization' ,{
    extend: 'Ext.panel.Panel',
    alias : 'widget.userpersonalization',
    
    autoScroll: true,
    border: false,
    
    initComponent: function() {
        this.autoLoad = ({ url:'page/htmlbio.php', text: 'Loading User Biodata...' });

        this.callParent(arguments);
    }
});

the autoLoad is working, and then I try to load the panel with newly updated html.

Ext.ComponentQuery.query('userpersonalization').load({
        url:  'page/htmlbio.php',
        scripts: true
});

the Ext.ComponentQuery.query('userpersonalization') successfully return the component but I got this error
Ext.ComponentQuery.query("userpersonalization").load is not a function

so, can someone explain how to load new content to panel?

[evant]

query() returns an array, you need the object reference.

[nick_laros]

thx for the reply, after I add an id config to panel then I use this to reference the object.. it's working

        Ext.getCmp('mypanel').getLoader().load({
                url:  'page/htmlbio.php',
                scripts: true
        });

[vadimv]

So you are working with ComponentLoader, then should work panel.getLoader().load()

[vadimv]

:16, :17 almost