如何在ExtJS列表itemTpl中顯示星級評級小部件？

Question

我工作的一個煎茶觸摸2應用程序和使用星級小部件從http://podlipensky.com/post/2012/03/20/Sencha-Touch-2-ExtuxtouchRating.aspx

我想表明配置像這樣的列表內的評級爲每個項目：

Ext.define('Schneehoehen.view.LoipenUebersicht', { 
extend: 'Ext.navigation.View', 
xtype: 'loipenuebersicht', 

config: { 
    items: [{ 
     xtype: 'list', 
     title: 'Loipen Übersicht', 
     itemTpl: '{label}', // I would like to show the widget next to the label 
     onItemDisclosure: true, 

     store: Ext.create('Schneehoehen.store.LoipenUebersichtStore') 
    }] 
} 
}) 

現在我想知道如何在itemTpl中包含我的星級小部件。預先

new Ext.ux.touch.Rating({ 
    itemsCount: 5, 
    label: 'Image less', 
    cls: 'x-imageless-rating', 
    itemCls: 'x-imageless-star', 
    itemHoverCls: 'x-imageless-hover' 
}) 

感謝：

微件被另一個視圖的形式內使用以下代碼顯示！ Johannes

Answer 1

這裏您需要的是如何獲取列表的itemTpl模板中的XTypes或其他組件。我不知道直接的方法，但即使你設法使用模板方法編寫你自己的代碼，它也很難將它們放在列表項中。此外爲什麼有這麼多的組件生了。

如果你可以在這裏稍微修改你的方法，swarm online上有這個漂亮的插件可能可以幫助你解決這個問題。 http://www.swarmonline.com/2011/03/ext-ux-touch-listoptions-demo/

此插件在列表行的滑動中添加了twitter應用程序樣式菜單。您可以在此區域添加星級評分。我記得我曾經在POC中使用它，並在顯示的菜單中添加了Sencha按鈕。 我不確定他們是否更新了自己的代碼以與Sencha Touch 2兼容，但如果您仔細查看源代碼，那裏沒有太多內容。

Answer 2

如果您熱衷於使用sencha組件，那麼最簡單的方法就是使用組件dataview。有關更多詳細信息，請參見http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2/。