Правильный ли способ создания боковой складной панели навигации в extjs - PullRequest
Новая
       12

Правильный ли способ создания боковой складной панели навигации в extjs

0 голосов
/ 05 марта 2020 
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()
        });
    }
});

1 Ответ

1 голос
/ 05 марта 2020

Sencha предоставляет пример приложения «Панель администратора» при загрузке платформы, которая реализует складную боковую навигацию. Весь исходный код для макета ниже (и каждого компонента, найденного в кухонной раковине) можно найти в загрузке фреймворка.

Панель управления администратора

Администратор Исходный код Dashboard

Это не то, что вы должны воссоздавать самостоятельно (лишает смысла использование таких фреймворков, как Ext js)

...