将 DataView 和 ListView 放在同一个面板上

Question

我在使用 sencha touch 开发应用程序时设计用户界面时遇到问题，首先，我熟悉 iPhone 界面生成器，只需拖放对象即可轻松将我需要的任何内容放置在屏幕上，但现在我必须处理仅用于设计界面的硬编码，特别是我的问题是将获得 XTemplate 的数据视图分别放在列表视图上，这样当我想向下滚动它时，我可以看到列表视图，但使用我的代码，我向下滚动数据视图并没有看到列表视图，因为他们的行为就像他们本来的样子它们彼此分开，都有自己的滚动功能:)如果我使用浏览器打开应用程序，该应用程序有足够的空间来显示所有内容。我可以看到列表视图和数据视图，所以任何想法都可能非常有帮助，因为它是时间限制的项目，我已经浪费了很多时间专注于它..你可以在下面看到我的代码，谢谢

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

Answer 1

您不能使用布局：适合。您需要在包含面板上使用以下内容，

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

然后为每个子视图集使用：

flex:1, 
scrollable: false,

应该可以。