Sencha Touch - 模态面板高度自动

Question

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

Answer 1

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

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

Answer 2

CustomComponent

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;
  }
}