如何在 Sencha Touch 2 的列表后添加项目?

Posted

技术标签:

【中文标题】如何在 Sencha Touch 2 的列表后添加项目?【英文标题】:How do I add items after a list in Sencha Touch 2? 【发布时间】:2012-04-17 18:54:57 【问题描述】:

Sencha Touch 2 中的列表组件支持配置中的两个项目(按钮、字段等),它是由绑定到它的商店填充的 itemTPL。当你构建它时,一切都会像你期望的那样工作——除了你添加的项目配置项总是显示在列表之前。我想不出办法让它们出现在列表底部(我想制作一个“回复”按钮,显示在论坛类型帖子列表的底部)。我可以设置 docked : 'bottom' 将它放到父容器的底部,但这只是一个固定位置,并没有真正显示 列表项。

有人知道在这里做什么吗?

感谢收看!

【问题讨论】:

【参考方案1】:

这是通过将您的父容器布局(我的意思是放置您的列表的容器)设置为vbox 来完成的。那么:

xtype: 'container'
layout: 'vbox'
items: [your_list, your_button_below_list, ...]

将首先显示您的列表,然后在其下方是您的按钮,依此类推。

希望对你有帮助。

P/S:确切地说,如果您想滚动到列表底部,那么按钮就在那里,您必须将此配置设置为您的列表:scrollable:false 或给它一个minHeight

【讨论】:

谢谢你!这是文档不能很好地传达的信息。

以上是关于如何在 Sencha Touch 2 的列表后添加项目?的主要内容,如果未能解决你的问题,请参考以下文章

Sencha Touch 2:如何在导航视图中显示列表?

在 NestedList-Sencha Touch 2 中的文本附近添加图像

如何在 Sencha Touch 2 中制作搜索列表?商店已经定义

在 Sencha Touch 2 搜索列表中需要帮助

在分组列表中设置石斑鱼的样式 - Sencha Touch 2

Sencha Touch:尝试将列表添加到面板