title: Sencha Touch TPL and ITEM
body: <p>Guys let me explain my issues, i have a List view that load some elements from a store file, when i click a List item, i have a controller who push the data in a new Details view </p>
  
  <pre><code>'placesContainer places list':{
               itemtap: function(list,index,target,record) {
                   console.log("item "+record.get('name')+" pigiato");
                   var detailsView = Ext.create('MyApp.view.Details');
                   this.getPlacesContainer().push(detailsView);
                   detailsView.setData(record.data);
  
               }
           }
  </code></pre>
  
  <p>Ok here. Now what i want is to LOAD the same information from the store file in my new Details view.
  Here is my detail view:</p>
  
  <pre><code>Ext.define('MyApp.view.Details',{
  extend:'Ext.Panel',
  xtype:'details',
  config:{
      layout:'vbox',
      scrollable:true,
      styleHtmlContent:true,
      styleHtmlCls:'details',
      tpl:'&lt;h1&gt;{name}&lt;/h1&gt;' +
          '&lt;p&gt;&lt;span&gt;Lunghezza:&lt;/span&gt; {lunghezza} &lt;span&gt;Difficoltà:&lt;/span&gt; {difficulty}&lt;/p&gt;' +
          '&lt;h2&gt;{prova}&lt;/h2&gt;',
      items: [
          {
              xtype: 'panel',
              flex:1,
              store:'Places',
          },
          {
              xtype: 'carousel',
              flex:2,
              items: [
                  {style: "background-color: #7BB300"},
                  {style: "background-color: #555555"},
                  {style: "background-color: #00ff2a"},
                  {style: "background-color: #00bb1f"},
                  {style: "background-color: #008616"},
                  {style: "background-color: #00490c"}
              ]
          }
      ]
  }
  </code></pre>
  
  <p>If i write the tpl element OUTSIDE the item, i can read the data in my details view. When i try to put the tpl element INSIDE the items, all the data disappear.. What's wrong??? 
  I tried this way but with no results...</p>
  
  <pre><code>items: [
          {
              xtype: 'panel',
              flex:1,
              store:'Places',
              tpl:'&lt;h1&gt;{name}&lt;/h1&gt;' +
                  '&lt;p&gt;&lt;span&gt;Lunghezza:&lt;/span&gt; {lunghezza} &lt;span&gt;Difficoltà:&lt;/span&gt; {difficulty}&lt;/p&gt;' +
                  '&lt;h2&gt;{prova}&lt;/h2&gt;',
          },
  items: [
          {
              xtype: 'panel',
              flex:1,
              store:'Places',
              itemTpl:'&lt;h1&gt;{name}&lt;/h1&gt;' +
                  '&lt;p&gt;&lt;span&gt;Lunghezza:&lt;/span&gt; {lunghezza} &lt;span&gt;Difficoltà:&lt;/span&gt; {difficulty}&lt;/p&gt;' +
                  '&lt;h2&gt;{prova}&lt;/h2&gt;',
  
          },
  </code></pre>
  
  <p>An help would be great! </p>