2013-03-17 86 views
1

我在窗口中創建了一個tabpanel。我可以在窗口中使用autoScroll:true,但不能與tabpanel一起使用。我需要它與tabpanel一起工作,所以當我向下滾動時,標籤列表將不會消失。如何在Extjs 4.1中製作可滾動的tabpanel?

的TabPanel:

var sections = Ext.createWidget('tabpanel', { 
    id: 'mytabpanel', 
    title: 'UM', 
    activeTab: 3, 
    closable: true, 
    autoScroll: true, // not working 
    //defaults:{ autoScroll:true }, //not working 

    items: [ 
    { 

窗口(一個tabpanel容器):

var window = new Ext.Window({ 
      id: 'item1', 
      closable: true, 
      floating: true, 
      collapsible: true, 
      width: 900, 
      height: 600, 
      autoScroll: true, //working 
     items : mytabpanel 

}).show(); 

回答

2

你應該總是指定父容器的佈局。在這種情況下,你的窗口組件應該有layout: 'fit'配置。

通過示例查看ExtJS中的工作情況。這些指南是必須爲剛剛起步的人閱讀的。

編輯: 到您有關內部滾動問題的相關問題:看看這個從你的原始文章改變過來的小提琴 - http://jsfiddle.net/REtRQ/3/它顯示窗口中嵌套的標籤面板。請在使用Ext.define方法來確定組件的使用方法之前,先看看它們的使用方法。這樣可以清除代碼分離並且不會強制您使用全局變量。請注意,所有名稱都是自動分隔的。

+0

是的,它的工作原理!非常感謝!! – Noon 2013-03-18 05:02:10

+0

好吧,事情發生了,我可以使用鼠標滾輪在Tabpanel內滾動。但在筆記本電腦上,我不知道如何滾動..窗口是固定的,滾動條是無用的..你有這個問題嗎? – Noon 2013-03-18 16:07:49

+0

不,您必須具有其他需要正確配置的設置或容器。沒有顯示代碼我不知道還有什麼事情發生。你爲什麼取消接受標記? – dbrin 2013-03-18 17:07:30