使容器水平滚动？

我创建了一个容器，其宽度为3000px，并带有三个子容器，每个子容器都有flex：1。我使顶部容器水平滚动。但是，当我拖动到右侧时，我可以看到第三个框（第三个框），但是一旦我释放，窗口就会恢复。我希望右侧的内容在发布后保持可见。使容器水平滚动？

Sencha Fiddle

enter image description here

来源：

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

来源

2013-07-10 h4labs

我看不到你的小提琴，但瓦特/写代码，我觉得你想要的是一个包含VBOX面板两个面板布局：'Card'。

然后您可以放下任意数量的物品到面板中，Sencha会为您完成剩下的工作。

请让我知道如果这不起作用，我会尝试找时间给你写一些代码。

祝你好运，布拉德

来源

2013-07-10 15:19:25 bwags

看来SenchaFiddle坏了。所有的代码都在我的问题。它可以简单地复制/粘贴到任何senchafiddle。 – h4labs

这是不是工作？ – bwags

我不知道我明白了。这不可能是正确的？ “layout：'Card'.hbox”我正在使用卡片布局。我希望整个标签可以水平滚动，并有3个独立的面板。 – h4labs

使容器水平滚动？

回答

相关问题