var usersArr = [ { name: 'Navin R. Johnson', photo: 'http://img.skitch.com/20110922-nh7dx65xub4ddc3k7nwbbax14t.png' }, { name: 'Gonzo', photo: 'http://img.skitch.com/20110922-cixxm8mfd5hahx6bjjse3b1qd8.png' }, { name: 'Macho Man Randy Savage', photo: 'http://img.skitch.com/20110922-q2xaiaikk9992rnqpepn39gak4.png' } ]; Ext.create('Ext.container.Container', { renderTo: Ext.getBody(), data: { users: usersArr }, tpl: '<span style="font-size: 1.2em">Users:</span><tpl for="users"><p class="user"><img src="{photo}" />{name}</p></tpl>' });
.user img { height: 25px; width: 25px; vertical-align: middle; padding-right: 10px; } .user { font-weight: bold; }