Cómo vincular el control de calificación para cada elemento de la lista en sencha touch 2

Lo que pasa es que tengo una lista con itemTpl y la vinculo a una tienda, muestra unos 10 registros y el código funciona correctamente a continuación.

 xtype:'list',
  id:'userReviewList',
  title:'User Review',
  cls:'reviewStyle',
  store:'UserReviewStore',
  height:500,
  itemTpl:'<div class="comment">{Comment}</div>' + '<div >{Rating}</div>' + '<div style="display: none" >{ReviewId}</div>'

//con el código anterior, estoy usando otro control de calificación en mi aplicación, desde este enlace a continuación. [http://podlipensky.com/post/2012/03/20/Sencha-Touch-2-ExtuxtouchRating.aspx][1]

// usando la lista de arriba y el panel de abajo dentro de otro panel como elementos usando el diseño 'hbox'

 xtype:'panel',
  id:'ratingPanel',
  lex:1,
  layout: {
  animation: {
  duration: 250,
  easing: 'ease-in-out'
             }
          },
  scroll : 'vertical',
   items:[
        {
   xtype: 'rating',
   label : 'Star',
   itemsCount : 5,
   itemCls : 'x-rating-star',
   itemHoverCls : 'x-rating-star-hover'
         }
    ]

// El siguiente código es vincular los datos de almacenamiento local a la lista

 var retrievedObject = localStorage.getItem('testObject');
   var jsonObj = Ext.decode(retrievedObject);
   if (jsonObj != null) {
   if (jsonObj.UserRatings.length != null)
     {
       this.getUserReviewList().getStore().setData(jsonObj.UserRatings);
     }
   }

//Ahora la lista viene del lado izquierdo con 10 registros y el panel del lado derecho con solo un control de calificación. Entonces, ahora mi pregunta principal es cómo debo vincular este control de calificación dentro de la lista que aparece en los 10 registros. Por favor, ayúdenme.