javascript - TabPanel焦点问题

Question

我提供了一个指向我遇到问题的示例的 sencha fiddle 的链接。基本上，当我将 tabPanels 作为窗口底部的元素时，如果我向下滚动到它们并尝试单击其任何选项卡，整个滚动会跳到窗口顶部。这使得 tabPanel 的使用几乎不可能。我不确定是布局问题还是我做错了什么。

这是 sencha fiddle 链接

https://fiddle.sencha.com/#fiddle/uv9

Answer 1

为了使您的示例代码按预期工作，我认为为选项卡面板设置固定高度就足够了。 在你的 fiddler 上使用这个解决方案，它可以工作。我希望这是您实际项目中所需要的。

... 
// panel holding the tabpanel
xtype: 'panel',
items: [{
     // tabpanel
     xtype: 'tabpanel',
     //plain: true,
     height: 300,
     items: [{
          title: 'P1',
          xtype: 'panel',
          height: 200

     }, {
          title: 'P2',
          xtype: 'panel',
          height: 200
      }, {
         title: 'P3',
         xtype: 'panel',
         height: 200
      }]
   }]
...