2014-03-06 81 views
0

我有一個窗口,包含一個tabPanel,這個tabPanel有4個選項卡。 我想寫下類似用戶手冊的東西,所以我創建了幾個面板作爲塊,每個面板包含一些文本和圖片。Extjs滾動到tabPanel裏面的位置

從另一個按鈕,我想滾動到該選項卡中的特定郵件。我該怎麼做?這裏是我的結構,讓我們說我想要按鈕打開第一個標籤,滾動到第三個面板(id:這裏)。

的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');但我無法弄清楚如何向下滾動到位置我需要「我的例子中的第三個面板」。我是否必須向面板添加屬性,如位置或其他?

+0

請重新格式化/完成tabPanel代碼,最後兩行很混亂。 – Julio

+0

更新了我的文章 – Shadin

回答

0

我很樂意幫忙,但我無法得到一個工作jsfiddle演示了。我想象你要做的事情需要射擊setActiveTab的標籤面板,然後跳到你想要展示的物品,使用該物品的offset

+0

謝謝。我設法打開窗口,然後激活第一個標籤頁使用:\t'Ext.getCmp('tabs')。setActiveTab('firstTab');'但是我不知道如何滾動到我需要的位置「我的例子中的第三個面板「。我是否必須向面板添加屬性,如位置或其他? – Shadin

+0

您是否檢查論壇鏈接? http://www.sencha.com/forum/showthread.php?238420-Scroll-to-view-the-selected-list-item-function 你有id設置,所以你可以嘗試使用'Ext獲取元素.get('here')'並滾動到其偏移量。 – Julio

+0

檢查這也是:http://stackoverflow.com/questions/2036775/extjs-tree-how-to-scroll-directly-to-a-specific-element – Julio