javascript - Extjs滚动到tabPanel内的位置

Question

我有一个窗口，包含一个 tabPanel，这个 tabPanel 有 4 个选项卡。 我想写下用户手册之类的东西，所以我创建了几个面板作为 block ，每个面板包含一些文本和图片。

从另一个按钮，我想滚动到该选项卡中的特定位置。我该怎么做？这是我的结构，假设我想要按钮打开第一个选项卡，滚动到第三个面板 (id:here)。

标签面板:

 var   tabs = Ext.createWidget('tabpanel', {
       id: 'myTabs',
        header: false,
        activeTab: 3,
    closable: true,
    defaults:{ autoScroll:true },       
        items: [

        {
            title: 'first',
            itemId: 'firstTab',         
            items: [
            {
                xtype: 'panel',
                html: text39,
                cls: 'layout_text1'
            },
           {        
            xtype: 'panel',
               html: text40,
            cls:'layout_subtitle'
            },{
                xtype: 'panel',
                id: 'here',
                html: text41,
                cls: 'layout_text2'
            }]  
});

窗口:

var UMwindow = new Ext.Window({
            id: 'myWindow',
        name: 'userManual',
            closable: true,
            floating: true,
            width: 900,
            height: 600,
        items  : myTabs,


}).show(); 

我设法打开了窗口，然后使用以下命令激活了第一个选项卡:Ext.getCmp('tabs').setActiveTab('firstTab'); 但后来我不知道如何滚动到我需要“我的例子中的第三个面板”的位置。我是否必须向面板添加属性，例如位置或其他内容？

Answer 1

我很乐意提供帮助，但我无法从中获得有效的 jsfiddle 演示。我想你正在尝试做的事情需要为选项卡面板触发 setActiveTab 然后跳转到你想显示的元素，使用该元素的 offset .