0

问题是我有一个带有 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'
         }
    ]

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

 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 条记录上的列表中，请帮帮我

4

1 回答 1

0

如果您使用 List & ListItem 结构，您可以轻松地将组件添加到您的列表项。使用 itemTpl，您可以编写 html 并使用 html 设置一行样式。如果您使用ListItem，您可以使用不是 html 的组件来塑造您的列表行，然后您可以将评级组件添加到每一行。

希望这可以帮助。

于 2012-11-20T09:31:51.297 回答