TabPanel焦点问题

时间:2015-10-07 07:00:07

标签: javascript extjs layout tabs extjs5

我提供了一个链接到我遇到问题的例子的sencha小提琴。基本上,当我将tabPanels作为窗口底部的元素时,如果我向下滚动它们并尝试单击其任何选项卡,整个滚动条将跳转到窗口的顶部。而这使得tabPanel的使用几乎不可能。我不确定它的布局是否正在做其他错误。

这里是sencha小提琴链接

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

1 个答案:

答案 0 :(得分:2)

使您的示例代码按预期工作我认为将一个固定的高度放到tabpanel就足够了。 在你的提琴手上使用这个解决方案,它的工作原理。我希望这是你在真实项目中所需要的。

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