在 extjs 中創建側面可折疊面板導航是否正確

Question

Ext.application({ name: 'Fiddle', launch: function() { var mainView = new Ext.panel.Panel({ xtype: 'panel', //title: 'Container', layout: 'border', itemId: 'bigContainer', height: '100vh', items: [{ xtype: 'panel', //title: 'Left Panel', itemId: 'menuLeftPanel', region: 'west', scrollable: true, //width: 300, //height: 900, dockedItems: [{ xtype: 'tabpanel', collapseMode: 'header', //animCollapse: 200, dock: 'left', id: 'moduleTas', itemId: 'moduleTabs', width: 400, collapsible: true, headerPosition: 'left', hideCollapseTool: true, //activeTab: 0, tabBarHeaderPosition: 0, tabRotation: 0, items: [{ xtype: 'panel', scrollable: 'y', tabConfig: { xtype: 'tab', iconCls: 'x-fa fa-home', tooltip: "Home", listeners: { click: function(btn, e, eOpts) { var tab = Ext.getCmp('moduleTas'); tab.toggleCollapse(); } } }, }, ] }, ] }], renderTo: Ext.getBody() }); } });

Answer 1

當您下載框架時，Sencha 提供了一個“管理儀表板”示例應用程序，它實現了可折疊的側邊導航。 以下布局的所有源代碼（以及廚房水槽中的每個組件）都可以在框架下載中找到。

管理儀表板

管理儀表板源代碼

這不是你應該重新創建自己的東西（打敗了使用像 Extjs 這樣的框架的意義）