在內容上滑動面板

我有一個菜單（面板），當我在一個佈局中展開一個可摺疊菜單時，它壓縮了它旁邊面板的內容。如何擴展它的內容？在這裏我的菜單代碼。在內容上滑動面板

Ext.define('*****.view.main.MainMenu', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.main.MainMenu', 

    title: 'Menu', 
    collapsed: true, 
    dock: 'left', 
    minWidth: 140, 

    initComponent: function() { 
     var me = this; 

     Ext.applyIf(me, { 
      collapseDirection: 'left', 
      collapsible: true, 

      titleAlign: 'center', 
      titleCollapse: false, 
      items: [ 
       { 

       } 
      ] 
     }); 

     me.callParent(arguments); 
    } 
});

來源

2013-05-09 Nail Shakirov

你可以讓它浮動，你可以把它變成一個窗口（這是一個專門小組是調整大小和floatingby默認），您可以更改父容器的佈局，你可以用這兩個板進入一個tabpanel來一次顯示一個面板，手風琴可能也適合你，如果你一次只需要看一個。從Sencha網站查看示例以查看不同的組合。

來源

2013-05-09 20:23:12 dbrin

謝謝回答，我試圖使用浮動 - 對 - 不工作（無法找到煎茶一些示例我的問題（（如果你知道別的東西，請給信息與標籤面板解決方案。我這不是個好主意（我聽說過一些邊界佈局的解決方案 - 邊界對我不利（ – 2013-05-10 08:41:27

這樣的事情呢？

Ext.onReady(function() { 

    Ext.define('MainMenu', { 
     extend: 'Ext.panel.Panel', 

     title: 'Menu', 
     collapsed: true, 
     titleCollapse: false, 
     hideCollapseTool: true, 
     minWidth: 140, 
     region: 'west' 
    }); 

    var menu = Ext.create('MainMenu'); 

    var otherPanel = Ext.create('Ext.panel.Panel', { 
     title: 'Other Panel', 
     region: 'center' 
    }); 

    var panel = Ext.create('Ext.panel.Panel', { 
     height: 300, 
     width: 500, 
     renderTo: Ext.getBody(), 
     layout: 'border', 
     items: [ 
      menu, 
      otherPanel 
     ] 
    }); 
});

來源

2013-05-12 12:41:25 bhutten

在內容上滑動面板

回答

相關問題