Question

问题是我有一个带有itemTpl的列表，并且绑定到一个商店，它显示了大约10条记录，工作正常的代码在下面

 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>'

//使用上面的代码我在我的应用程序中使用另一个评级控件，从下面这个链接。 [http://podlipensky.com/post/2012/03/20/Sencha-Touch-2-ExtuxtouchRating.aspx] [1]

//使用上方列表和下方面板中的另一个面板作为使用布局'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'
         }
    ]

//下面的代码是将本地存储数据绑定到列表

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

// 现在列出左侧有10个记录，右侧面板只有一个评级控件。现在我的主要问题是我应该如何绑定列表中的这个评级控件出现在所有10条记录中的请帮助我

Answer 1

如果您使用List＆amp; ListItem结构，您可以轻松地将组件添加到列表项。使用itemTpl，您可以使用html编写html并设置一行样式。如果您使用ListItem，则可以使用非html组件对列表行进行整形，然后可以为每行添加评级组件。

希望这有帮助。

如何绑定sencha touch 2中每个列表项的评级控件

1 个答案: