我在Sencha Touch中有以下视图。该视图创建了一个弹出框，当单击底部工具栏中的按钮时，该框将从右侧显示：
Ext.define('TheApp.view.PopupTablet',{
extend: 'Ext.form.Panel',
xtype: 'popupbox',
config:{
itemId: 'popbox',
floating: true,
centered: true,
modal: true,
layout: {
type: 'vbox'
},
id: 'popup',
showAnimation: { type: 'slide', direction: 'left'},
styleHtmlContent: true,
html: 'Please select',
items:[{
xtype: 'button',
action: 'hide',
text: 'Close',
ui: 'confirm',
docked: 'bottom',
}]
}
});
在控制器中，我有以下代码，它创建了弹出窗口，将其添加到视图端口，然后在"显示"之前添加其内容：
showPopup: function(){
var popup = this.getPopup();
Ext.Viewport.add(popup);
Ext.getCmp('popup').add(siteButts);
popup.show();
},
现在，这些都按要求工作。内容包含在一个名为siteButts的数组中，该数组是用不同的脚本创建的。这个钻头很好用。
我遇到的问题是，我需要弹出框高度来扩展内容。我试过不设置高度，我试过：
#popup{
height: auto;
}
但两者都没有奏效——事实上，两者似乎都会让容器崩溃。
如果我将高度设置为固定值(例如height: 10em)，那么这确实将高度设置成指定值。然而，由于我们无法确定内容中使用的数据量，我需要有足够的高度来扩展。
我希望整个内容都是可见的，在弹出的上没有滚动条
建议将是最受欢迎的。
如果其配置属性">scrollable"设置为false，则可以执行此操作。并使用以下css代码
#popup .x-scroll-scroller,#popup .x-scroll-container{
position:relative;
}