Question

我在使用sencha touch设计用于开发应用程序的用户界面时遇到问题，首先，我熟悉iPhone界面构建器，只需拖放对象就可以轻松地在屏幕上放置任何我需要的东西但是现在我必须处理硬编码只是为了设计界面具体我的问题是把数据视图放到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 }
        }
    });

Answer 1

你不能使用layout：fit。您需要在包含面板

上使用以下内容

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

然后为每个子视图集：

flex:1, 
scrollable: false,

应该这样做。

将DataView和ListView放在同一面板上

1 个答案: