uzyskanie wartości indeksu 0 z widoku danych dowolnej pozycji listy z sencha touch

Nie mogę uzyskać wartości indeksu z widoku danych:

    {          
              xtype: 'list', 
              itemId: 'catList',
              store: 'CategoryStore',    

             scrollable: false,
              layout: 'fit',          
              itemHeight: 20,
              itemTpl: [
              '<div>',
              '<tpl for="data">',
              '<span >{category_name}</span> ',             
          '</tpl>',
          '</div>'],
listeners: {
   'itemtap': function(list, index, target, record, e, eOpts){
     console.log(record.get('cat_id'));
}
}
}

Edytowane: Jeśli umieszczę dane statycznie w sklepie, działa dobrze, ale nie działa podczas pobierania danych z serwera:

działa jak na liście:

      {    
          xtype: 'list', 
          itemId: 'catList',
          scrollable: false,

    data: [
    { category_name: 'A', cat_id: 1},
    { category_name: 'B', cat_id: 2},
    { category_name: 'C', cat_id: 3},
    { category_name: 'D', cat_id: 4},
    { category_name: 'E', cat_id: 5},


    ],
    loadingText: "Loading Words...",
    emptyText: '<div>{message}</div>',
    autoLoad:true,
    itemTpl:[
    '<tpl for=".">',
          '<span >{category_name}</span> ',             
      '</tpl>',
    ] 
  },

Tutaj stukam wiele razy w innym wierszu, ale tylko indeks 0, dlaczego tak jest? dlaczego nie otrzymuję innej wartości indeksu, dotykając innego wiersza elementu listy;

Mój JSON

questionAnswers(2)

yourAnswerToTheQuestion