Sencha Touch - 模态面板高度自动

【问题标题】：Sencha Touch - Modal panel height to autoSencha Touch - 模态面板高度自动
【发布时间】：2014-11-20 16:20:12
【问题描述】：

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

【问题讨论】：

【解决方案1】：

如果它的配置属性 'scrollable' 设置为 false，则可以做到这一点。并使用以下 css 代码

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

【讨论】：

【解决方案2】：

自定义组件

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

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

CSS

.popup {
  width: 90%;

  > .x-panel-inner {
    position: relative;

    overflow: hidden;
  }
}

【讨论】：

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