Add image to dynamic Panel

Hi,

I am creating a panel dynamically and adding it to accordion layout.

==>How to add an image to this dynamic panel header?

Piece of code:
for(var i =0; i< 5; i++)
{
temp = new Ext.Panel();
temp.title = displayCampIDandName[i].name;
temp.id = 'accordionPanelNotification'+i;
temp.cls = 'accordionPanelNotification';

temp.html = 'HTML';
temp.collapsed = true;
Accodion.items.add(temp);

}


==> How to add text so that it will appear on the image added on panel header

Your code should be more like:

Code:

---

var items = [];

for (var i = 0; i < 5; i++) {
    items.push(new Ext.panel.Panel({
        title    : displayCampIDandName[i].name,
        cls      : accordionPanelNotification,
        html      : 'HTML',
        collapsed : true
    }));
}

Accodion.add(items);

---