Sencha touch 2 使容器水平滚动？

我正在创建一个3000px宽的容器，有三个子容器，每个子容器都有flex:1

我使顶部容器水平滚动。但是，当我向右拖动时，我可以看到第三个包含单词3的框，但一旦我松开，窗口就会弹出

我希望右侧的内容在发布后保持可见

资料来源：

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    name: "Sencha",

    launch: function() {

        var tabPanel = Ext.create('Ext.tab.Panel', {
            layout: 'card',
            padding: 2,
            tabBarPosition: 'bottom',

            items: [{
                id: 'tab1',
                title: 'Home',
                layout: 'hbox',
                xtype: 'container',
                width: 3000,
                scrollable: {
                    direction: 'horizontal'
                },
                items: [{
                    xtype: 'panel',
                    layout: 'vbox',
                    flex: 1,
                    items: [{
                        html: "vb1",
                        flex: 1

                    }, {
                        html: "vb2",
                        flex: 1
                    }]
                }, {
                    html: "two",
                    flex: 1
                }, {
                    html: 'three',
                    flex: 1
                }],
                iconCls: 'home'
            }]
        });
        Ext.Viewport.add(tabPanel);
    }
});

---

我看不到您的小提琴，但在编写代码时，我想您需要的是一个带有vbox的面板，其中包含两个布局为的面板：

然后，您可以将任意数量的项目放入面板，Sencha将为您完成其余的工作

如果这不起作用，请让我知道，我会设法抽时间给你写一些代码

---

祝你好运，布拉德

看来森查菲德尔已经破产了。所有代码都在我的问题中。它可以简单地复制/粘贴到任何SenchaFIDLE中。我不确定我是否理解它。这不可能是对的？布局：“卡片”。hbox我使用的是卡片布局。我希望整个标签可以水平滚动，有3个独立的面板。你能在你的hbox里面用一个吗？现在有一个，但我真的不喜欢它。