1
У меня есть вертикальная вкладка (боковая панель). На каждой вкладке есть значок и заголовок. Я хочу добавить кнопку меню и сделать эту панель свернутой. Когда он рухнет, вы увидите только значок (как в этом примере: examples.sencha.com/extjs/6.0.2/examples/admin-dashboard/#dashboard).Как сделать сворачиваемую боковую панель с вкладкой в ExtJs 6
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 в примере, по крайней мере, нет простого способа добавить в него меню и сделать его разборным, как вы хотите. Я думаю, вы можете проверить код примера - http://examples.sencha.com/extjs/6.2.0/examples/admin-dashboard/classic/app.js (его запутанный, но все еще читаемый). –
@SergeyNovikov Да, я знаю, что это не табпанель. У меня есть источник этого примера: https://github.com/bjornharrtell/extjs/tree/master/templates/admin-dashboard Но мне нужно изменить слишком много вещей, чтобы заставить его работать. Мне было интересно, можно ли настроить мой код и создать тот же эффект с моей вкладкой –