uas-platform/frontend/uas-web/app/panel/NavPanel.js

Ext.define('uas.panel.NavPanel', {
    extend: 'Ext.tab.Panel',
    xtype: 'navpanel',

    ui: 'navigation',
    tabPosition: 'left',
    tabRotation: 0,
    dynamic: true,

    setItems: function (items) {
        var me = this;
        me.removeAll();
        me.add(items);
    },

    setChildItems: function (items) {
        var tab = this.getActiveTab();
        if (tab) {
            tab.removeAll();
            tab.add(items);
        }
    },

    setSecondItems: function (items) {
        var tab = this.getActiveTab();
        if (tab) {
            tab.removeAll();
            tab.add({
                xtype: 'navpanel',
                reference: tab.reference + "List",
                tabBar: {
                    style: 'border-right: 1px solid #e8e8e8 !important'
                },
                items: items
            });
        }
    },

    setThirdItems: function (data) {
        var tab = this.getActiveTab();
        if (tab) {
            var secondTab = tab.down('navpanel').getActiveTab();
            if (secondTab) {
                secondTab.add({
                    xtype: 'grouplist',
                    reference: secondTab.reference + "List",
                    groups: data
                });
            }
        }
    }
});