0

我有一个包含一些内容和列表的布局。我已经为包含元素尝试了各种 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
                    }
                ]
            }
4

1 回答 1

0

关于这个已经有几个问题了,你有没有尝试过他们的一些答案?我的第一个建议是使用layout列表的直接父级的属性:

layout:'fit'
于 2013-02-10T04:21:46.837 回答