将DataView和ListView放在同一面板上

我在设计使用sencha touch开发应用程序的用户界面时遇到问题，首先，我熟悉iPhone interface builder，它可以通过拖放对象轻松地在屏幕上放置我需要的任何东西，但现在我必须处理硬编码，只是为了设计界面。具体来说，我的问题是放置数据视图，其中包含XTemplate，在列表视图上分别滚动，这样当我想向下滚动时，我可以看到列表视图，但使用代码我向下滚动数据视图，但看不到列表视图，因为它们看起来彼此独立，它们都有自己的滚动功能：）如果我用有足够空间显示所有内容的浏览器打开应用程序。。我可以看到列表视图和数据视图，因此任何想法都可能非常有用，因为这是一个时间有限的项目，我已经浪费了很多时间关注它。。你可以在Thx下面看到我的代码

this.listpanel = new Ext.Panel({
    layout:'fit',
        items: [symbolView,newsBySymbolList],
        dockedItems: [{
            xtype: 'toolbar',
            title: this.record.data.c,
            items: [{
                    ui: 'back',
                    text: 'Back',
                    scope: this,
                    handler: function(){
                        this.ownerCt.setActiveItem(this.prevCard, {
                            type: 'slide',
                            reverse: true,
                            scope: this,
                            after: function(){
                                this.destroy();
                            }
                        });
                    }
                }
                ]   
        }],
        listeners: {
            activate: { fn: function(){
                newsBySymbolList.getSelectionModel().deselectAll();
                Ext.repaint();
            }, scope: this }
        }
    });

---

不能使用layout:fit。您需要在包含面板上使用以下命令

layout: {
        type: 'vbox',
        align: 'stretch'
    },
scrollable: true,

然后，对于每个子视图集：

flex:1, 
scrollable: false,

应该这样做