4

我正在开发 Sencha Touch 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'
})

提前致谢！约翰内斯

4

2 回答 2

0

您需要的是如何在列表的 itemTpl 模板中获取 XTypes 或其他组件。我不知道直接方法，但即使您确实设法使用模板方法编写自己的方法，也很难将它们放在列表项中。除了为什么有这么多的组件占用 dom。

如果您可以在此处稍微修改您的方法，swarm online 上有这个漂亮的插件可能会帮助您解决这个问题。http://www.swarmonline.com/2011/03/ext-ux-touch-listoptions-demo/

这个插件在列表行的滑动上添加了 twitter 应用程序样式菜单。您可以在该区域添加星级。我记得我曾在 POC 中使用过它，并将 Sencha 按钮添加到显示的菜单中。我不确定他们是否更新了代码以与 Sencha Touch 2 兼容，但如果您仔细查看源代码，那里并没有太多内容。

于 2012-06-01T20:45:15.033 回答
0

如果您热衷于在那里使用 sencha 组件，那么最简单的方法是使用组件数据视图。有关详细信息，请参阅http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2/ 。

于 2014-01-10T15:14:38.587 回答