设置为布局时面板不可滚动：'vbox'并包含动态字段集

Question

下面是人们的观点，我不知道是否是在这里伤害我的动态内容（内部字段集在运行时被加载）或者我对vbox布局整体做错了。

基本上，当设备的屏幕用完时，内容会被截断。

对sencha来说真的很新......

Ext.define('MyApp.view.ScanEvent.Edit', {
    extend: 'Ext.form.Panel',
    alias: 'widget.scanEventEdit',
    xtype: 'scanEventEdit',
    config: {
        title: 'Scan Event',
        layout: 'vbox',
        scrollable: 'vertical',
        items: [
            {
                xtype: 'map',
                name: 'scanEventMap',
                flex: 1,
                useCurrentLocation: true,
                mapOptions: {
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    zoom: 14
                }
            },
            {
                xtype: 'fieldset',
                name: 'scanEventFieldset',
                flex: 2,
                title: 'Scan Event Details',
                defaults: {
                    labelWidth: '40%',
                    labelWrap: true
                },
                items: []
            },
            {
                xtype: 'hiddenfield',
                name: 'latitude'
            },
            {
                xtype: 'hiddenfield',
                name: 'longitude'
            },
            {
                xtype: 'button',
                itemId: 'submitScanEventButton',
                name: 'submitScanEventButton',
                margin: 20,
                padding: 8,
                text: 'Continue',
                action: 'acceptScanEvent',
                iconCls: 'arrow_right',
                iconAlign: 'right'
            }
        ]
    }
});

Answer 1

如果在要添加项目的字段集中，滚动不会出现，那么您可以在fieldset中添加scrollable：true属性以查看所有添加的项目。