View Full Version : Google Map inside List Template / Component inside HTML

19 Jul 2013, 12:23 AM
Hello friends!

I have a "List Component" inside my application.
When a user taps on one of the list items, all other items should like slide down and the Google Map has to be shown right under the taped item. Like this:


I can not add the "Google Map component" into the list template...

Could anybody please give an advice?
Maybe using just Sencha Touch 2 syntax - without an Architect.

Thanx for every information!
Best regards from Cologne, Germany :)


23 Jul 2013, 12:29 PM
Is your list using components to display or just a normal itemTpl? What ST 2.x.x version?

3 Sep 2013, 5:28 PM
Hi Guys,

I have a similar problem.. I want to insert a Video component dynamically inside of the item clicked. I'm using Sencha Touch 2.2.1.

Any idea?


3 Sep 2013, 11:29 PM
Hello Mitchell,

I'm using ST 2.2.1.

I have a List Component with an itemTpl inside, like this:

Ext.define('Allergieratgeber.view.PollenList', {
extend: 'Ext.dataview.List',
alias: 'widget.pollenlist',

config: {
cls: 'pollenlist',
id: 'pollenList',
minHeight: '100%',
styleHtmlContent: true,
emptyText: 'The List is empty',
store: 'TagModel',
onItemDisclosure: true,
itemTpl: [
'<div class="wraper">',
' <div class="polleName">{}</div>',
' <div class="statusBar{Grad}"></div>',
'<div id="{Art}" class="mapContainer"></div>'

initialize: function() {


Thank you very much for your support!

Best regards,