title: Group template for list in sencha Touch
body: <p>I want to personalize the header group for a list.
  First of all I have this function which concat n times a String :</p>
  
  <pre><code>String.prototype.times = function(n) {
    return Array.prototype.join.call({length:n+1}, this);
  };
  </code></pre>
  
  <p>So I want to repeat n times an img html tag : </p>
  
  <pre><code>var list = new Ext.List(
  {
     height : document.height - 150,
     itemTpl : "&lt;div&gt;blabla..&lt;/div&gt;",
     store : listStore,
     groupTpl :[
          '&lt;tpl for="."&gt;',
              '&lt;div class="x-list-group x-group-{id}"&gt;',
                  '&lt;h3 class="x-list-header"&gt;'+ '&lt;img height="20" src="imgPath"/&gt;'.times("{group}")+ '&lt;/h3&gt;',
                  '&lt;div class="x-list-group-items"&gt;',
                  '{items}',
                  '&lt;/div&gt;',
              '&lt;/div&gt;',
          '&lt;/tpl&gt;'
      ],
      grouped : true
   });
  </code></pre>
  
  <p>But it doesn't work at all, I think the "{group}" value isn't replaced for the javascript execution. But how can I handle that ?</p>