Question

我有一个包含tabPanel的窗口，这个tabPanel有4个标签。我想写下类似用户手册的内容，所以我创建了几个面板作为块，每个面板包含一些文本和图片。

从另一个按钮，我想滚动到该选项卡中的特定位置。我该怎么做？这是我的结构，让我们说我希望按钮打开第一个标签，滚动到第三个面板（id：here）。

的TabPanel：

 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。

Extjs滚动到tabPanel内的位置

1 个答案: