Sencha touch 2 sencha touch 2列表100%高度

2个面板：

Ext.create（'Ext.Container'{
全屏：对，
布局：“hbox”，
项目：[
{
xtype:'面板'，
html:'消息列表'，
弹性：1，
项目：[
{
xtype:'列表'，
itemTpl:“{title}”，
数据：[
{标题：'项目1'}，
{标题：'项目2'}，
{标题：'项目3'}，
{标题：'项目4'}
]
}
]
},
{
xtype:'面板'，
html:“邮件预览”，
弹性：3
}
]
});

---

第一个面板列表对象中未指定高度属性，因此无法显示该属性。如何在xtype:'list'中设置100%的高度？

您需要为列表容器提供一个布局，以便它知道如何拉伸其子项（列表）

使用fit将告诉您的面板使所有子项（仅适用于您案例中的列表）拉伸到面板的大小

---

.

Sencha文档提到了这一点。。。“请注意，如果将多个项目添加到具有合适布局的容器中，则只有第一个项目可见。”关键是它不会按预期工作--一个可见项目将扩展以适合空间--而不是容器扩展以适合所有子项。正确，但在这种情况下，容器只有一个子项，即列表，我们想把它拉伸到容器的大小。因此，合适的布局是合适的。

layout: 'fit'