Ext.onReady(function() {
new Ext.Panel({
renderTo: Ext.getBody(),
title: '3 Ways to render HTML inside of a ExtJS container',
items: [{
html: "<a href='#'>1. HTML property of a panel</a>",
xtype: "panel"},
{
xtype: "panel",
html: new Ext.XTemplate("<a href='#'>{value}").apply({
value: '2. HTML property of a panel generated by an XTemplate'
})},
{
xtype: 'box',
autoEl: {
tag: 'a',
html: '3. Dom element created by a DomHelper and wrapped as Component',
href: '#'
}}]
});
});
External resources loaded into this fiddle: