TabPanel 焦点问题答案

【问题标题】：TabPanel focus issueTabPanel 焦点问题
【发布时间】：2016-01-04 07:10:12
【问题描述】：

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

这里是煎茶小提琴链接

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

【问题讨论】：

标签： javascript extjs layout tabs extjs5

【解决方案1】：

为了让您的示例代码按预期工作，我认为将固定高度放在标签面板上就足够了。在你的提琴手上使用这个解决方案，它可以工作。我希望这是您在实际项目中所需要的。

... 
// 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
      }]
   }]
...

【讨论】：

感谢 Mattex83，这是一个解决方案，但是，一个临时的。选项卡面板中的这些选项卡将显示动态数据。因此，选项卡的高度是没有固定高度的东西。感谢您的努力。
好的，我明白了。如果可以的话，也许可以考虑使用 Accordion 修改布局。我认为它会提供更好的用户体验