title: sencha touch add variables to templates/List/ etc
body: <p>Looking around I found no solution for Sencha Touch (while I managed to get this working with ExtJS) so I am turning to you.</p>
  
  <p>New to Sencha touch I learned how to correctly bind a stor to a List component.</p>
  
  <p>My problem is that I need to work on a particular record before rending it to template.</p>
  
  <p>My record <code>coordinate</code> is like this : </p>
  
  <pre><code>2.356095,48.879154,0.000000
  </code></pre>
  
  <p>With ExtJS I created a function that split it and render a link to <code>GMaps</code>.</p>
  
  <p>My Questions :</p>
  
  <p>Can I access my record as in extJS (<code>record.data.coordinates</code>) ?</p>
  
  <p>How can I add new variables to use in itemTpl ?</p>
  
  <pre><code>MyAPP = new Ext.Application({
      name: 'ListDemo',
      launch: function() {
  
          MyAPP.listPanel = new Ext.List({
              id: 'indexlist',
              store: MyAPP.ListStore,
              itemTpl: '&lt;div&gt;{name}&lt;br&gt;{coordinates}&lt;/div&gt;'
  
          }); // end of MyAPP.listPanel
  
          function renderMap(value, p, record) {
              var split = record.data.coordinates.split(',');
              var lat = split[0];
              var lon = split[1];
              return Ext.String.format(
                  '&lt;b&gt;&lt;a href="http://maps.google.com/maps?q={2}+{1}+({3})" target="_blank"&gt;Google Map&lt;/a&gt;',
                  value,
                  lat,
                  lon,
                  record.data.Adresse
              );
          }
      }
  });
  </code></pre>
  
  <p>Thanks for your help,</p>
  
  <p>Julius.</p>