【发布时间】：2017-01-31 17:35:45
【问题描述】：
我有一个垂直的标签面板（类似侧边栏）。每个选项卡都有一个图标和一个标题。 我想添加一个菜单按钮并使此面板可折叠。当它折叠时，您只会看到图标（如本例所示：examples.sencha.com/extjs/6.0.2/examples/admin-dashboard/#dashboard）。
Main.js
Ext.define('MyApp.view.main.Main', {
extend: 'Ext.tab.Panel',
xtype: 'app-main',
id: 'app-main',
requires: [
'Ext.plugin.Viewport',
'Ext.window.MessageBox',
...
],
controller: 'main',
viewModel: 'main',
ui: 'navigation',
header: {
flex: 1,
height: 30,
cls: 'main-header',
layout: {
type: 'hbox',
align: 'stretch'
}
},
// sidebar settings
tabRotation: 0,
tabPosition: 'left',
tabBar: {
layout: {
pack: 'center'
}
},
//activeTab: 1,
items: [
{
title: "tab1",
xtype: 'tab1x',
iconCls: 'x-fa fa-file sidebar-tab-icon',
index: 1
}
...
]
});
【问题讨论】：
-
我不认为它在示例中的 tabpanel，至少没有简单的方法可以向它添加菜单并让它像你想要的那样可折叠。我认为您可以查看示例代码 - examples.sencha.com/extjs/6.2.0/examples/admin-dashboard/…（经过混淆处理，但仍然可读）。
-
@SergeyNovikov 是的，我知道这不是标签面板。我有这个例子的来源 - github.com/bjornharrtell/extjs/tree/master/templates/… 但我必须改变太多东西才能让它工作。我想知道是否可以调整我的代码并使用我的标签面板创建相同的效果
标签： javascript extjs extjs6