Sencha touch Sencha Touch-自动模式面板高度

有没有办法告诉Sencha调整模态面板的高度以包裹元素，而不是给它一个特定的高度？

如果其配置属性“scrollable”设置为false，则可以这样做。并使用以下css代码

.<yourPanelClass> .x-scroll-scroller,.<yourPanelClass> .x-scroll-container{
position:relative;
}

。x-scroll-scroller。x-scroll-container{
位置：相对位置；
}

如果其配置属性“scrollable”设置为false，则可以使用以下css代码执行此操作

.<yourPanelClass> .x-scroll-scroller,.<yourPanelClass> .x-scroll-container{
position:relative;
}

。x-scroll-scroller。x-scroll-container{
位置：相对位置；
}

如果其配置属性“scrollable”设置为false，则可以使用以下css代码执行此操作

.<yourPanelClass> .x-scroll-scroller,.<yourPanelClass> .x-scroll-container{
position:relative;
}

。x-scroll-scroller。x-scroll-container{
位置：相对位置；
}

如果其配置属性“scrollable”设置为false，则可以使用以下css代码执行此操作

.<yourPanelClass> .x-scroll-scroller,.<yourPanelClass> .x-scroll-container{
position:relative;
}

。x-scroll-scroller。x-scroll-container{
位置：相对位置；
}

自定义组件

Ext.define('MyApp.view.modal.Popup', {
    extend: 'Ext.Panel',
    xtype: 'popup',

    config: {
        cls: 'popup',
        modal: true,
        centered: true,
        hideOnMaskTap: true,
        height: 'auto'
    }
});

CSS

自定义组件

Ext.define('MyApp.view.modal.Popup', {
    extend: 'Ext.Panel',
    xtype: 'popup',

    config: {
        cls: 'popup',
        modal: true,
        centered: true,
        hideOnMaskTap: true,
        height: 'auto'
    }
});

CSS

自定义组件

Ext.define('MyApp.view.modal.Popup', {
    extend: 'Ext.Panel',
    xtype: 'popup',

    config: {
        cls: 'popup',
        modal: true,
        centered: true,
        hideOnMaskTap: true,
        height: 'auto'
    }
});

CSS

自定义组件

Ext.define('MyApp.view.modal.Popup', {
    extend: 'Ext.Panel',
    xtype: 'popup',

    config: {
        cls: 'popup',
        modal: true,
        centered: true,
        hideOnMaskTap: true,
        height: 'auto'
    }
});

CSS

---

我的弹出窗口中有一个列表。这似乎不起作用。但它适用于按钮、面板等普通组件……我的弹出窗口中有一个列表。这似乎不起作用。但它适用于按钮、面板等普通组件……我的弹出窗口中有一个列表。这似乎不起作用。但它适用于按钮、面板等普通组件……我的弹出窗口中有一个列表。这似乎不起作用。但是，它适用于按钮、面板等普通组件。。。