Listview Sencha列表高度

我有一个复合视图：一个选项卡面板（它是一个视图，称为Man）在其中一个面板中有一个垂直框（另一个视图，称为ListView），在这个垂直框内有一个列表对象（它是vbox的一个项）

很清楚如何加载/刷新列表项，但只有在为vbox指定固定高度时，我才能可视化列表

我不知道会有多少列表项，所以我不能总是使用固定的高度。到目前为止，我找到的唯一方法是对项目进行计数，并在vbox上使用“setHeight”。我不喜欢这种方法，因为我必须固定每个项目行的高度（这是可以的，但不是最佳的）。如果从ListView视图中删除vbox，则无法在页面中正确呈现列表：如果检查页面，我会找到值，但它们位于高度和宽度为0的某些框中，因此无法看到列表值

主视图相关代码：

             //Tabbed view
             xtype: 'tabpanel',                     
             tabBarPosition: 'bottom',
             flex: 1,
             items: [
                        {
                            ...                    
                        },    
                        {
                            title: 'List',
                            iconCls: 'more', 
                            id:'more',
                            scrollable: true,
                            styleHtmlContent: true,
                            items: [
                                    Ext.create('MyApp.view.ListView')
                            ]                
                        },
                        {
                            ...              
                        }
             ]      

ListView的相关代码：

Ext.define('MyApp.view.ListView', {
    extend: 'Ext.Container',    
    requires: [...,'Ext.List'],

    config:{
      layout: 'vbox',
      id: 'listBox',        
      scrollable:false,
      height: 200, //**without a fixed height, the list is not visible in the page**
      items: [
            Ext.create('Ext.List',{
                 model: 'MyApp.model.SomeModel',
                 flex: 1,
                 scrollable:false
            })         
      ]     
  },
  ....

---

由于您不知道列表的大小，它可能会比浏览器长，因此您可能只想使其可滚动。选项卡式视图（主视图）中的页面是可滚动的。选项卡内的视图应根据列表中的项目数量获得高度。现在我正在计算高度并设置它，我想知道是否没有更好的方法来做它？