我有一个包含一些内容和列表的布局。我已经为包含元素尝试了各种 ST2 布局,但我根本无法显示列表。有数据,我通过开发者控制台强制列表的高度验证了这一点。这是我的视图的配置代码:
config: {
scrollable: {
direction: 'vertical',
directionLock: true
},
items: [
{
xtype: 'container',
layout: 'vbox',
items: [
{
xtype: 'container',
layout: 'vbox',
cls: 'retailer-detail-container',
items: [
{
xtype: 'container',
layout: {
type: 'hbox'
},
items: [
{
xtype: 'img',
cls: 'offerDetailImg',
itemId: 'retailer-detail-image'
},
{
xtype: 'container',
layout: 'vbox',
items: [
{
xtype: 'container',
layout: 'vbox',
items: [
{
xtype: 'panel',
cls: 'offer-detail-name',
itemId: 'retailer-detail-name'
},
{
xtype: 'panel',
cls: 'offer-detail-distance',
itemId: 'retailer-detail-distance'
}
]
},
{
xtype: 'container',
cls: 'offer-detail-actions',
layout: 'hbox',
items: [
{
xtype: 'button',
cls: 'retailer-detail-contact-button',
itemId: 'retailer-detail-contact-button'
},
{
xtype: 'button',
cls: 'retailer-detail-map-button',
itemId: 'retailer-detail-map-button'
}
]
}
]
}
]
},
{
xtype: 'container',
cls: 'offer-detail-description',
itemId: 'retailer-detail-description'
}
]
},
{
xtype: 'list',
itemId: 'retailerOffersList',
scrollable: 'true',
ui: 'round',
itemTpl: '<strong>{offer_title}</strong>',
onItemDisclosure: true
}
]
}