列出包含多个框的多个项目Sencha Touch 2.3

时间:2013-10-17 21:14:06

标签: extjs sencha-touch sencha-touch-2 sencha-touch-2.1

我的应用程序中有一个列表,我正在使用Sencha-Touch 2.3创建。想象一下,单个列表项具有水平等间隔的多个数据。可以有很多像这样的列表项。每个列表项中的框之间的大小根据设备而变化,因为它们的大小是设备宽度的百分比。我在这里描述的是我想要发生的事情。

现在我正在使用带有span元素的itemTpl。我给了span元素一个类,以便我可以在css中引用它。我对宽度的css更改对每个列表项中的这些span元素没有任何影响。跨度元素全部接触,无论我做什么都没有空间。

如何制作我在此描述的内容?我已经在互联网上搜索了很长一段时间的答案,但没有找到任何答案。

1 个答案:

答案 0 :(得分:0)

您是否尝试使用Ext.dataview.DataView查看useComponents:true

您可以定义DataItem布局为hbox,并使用多个子组件flex:1来获得一堆宽度相等的水平框。

查看文档here,了解如何在DataItem

内实施DataView