Есть ли способ скрыть элемент контейнера, пока отображается конкретное представление? - PullRequest
Новая
       53

Есть ли способ скрыть элемент контейнера, пока отображается конкретное представление?

0 голосов
/ 24 февраля 2020

Я пытался создать современное настольное веб-приложение с ext js. Основной вид приложения имеет 4 дочерних вида: меню, заголовок, нижний колонтитул и центральный вид. Я хочу скрыть их, когда отображается этот вид входа в систему ниже. Но я не знаю, какой прием использовать. 

Ext.define('App.view.auth.Login', {
    extend: 'Ext.Container',
    xtype: 'authlogin',

    controller: 'authlogin',

    cls: 'auth-login',

    layout: {
        type: 'vbox',
        align: 'center',
        pack: 'center'
    },

    items: [{
        cls: 'auth-header',
        html:
            '<span class="logo x-fa fa-circle-o-notch"></span>'+
            '<div class="title">Coworkee</div>'+
            '<div class="caption">Employee directory</div>'
    }, {
        xtype: 'formpanel',
        reference: 'form',
        layout: 'vbox',
        ui: 'auth',

        items: [{
            xtype: 'textfield',
            name: 'username',
            placeholder: 'Username',
            required: true
        }, {
            xtype: 'passwordfield',
            name: 'password',
            placeholder: 'Password',
            required: true
        }, {
            xtype: 'button',
            text: 'LOG IN',
            iconAlign: 'right',
            iconCls: 'x-fa fa-angle-right',
            handler: 'onLoginTap',
            ui: 'action'
        }]
    }, {
        cls: 'auth-footer',
        html:
            '<div>Ext JS example</div>'+
            '<a href="http://www.sencha.com" target="_blank">'+
                '<span class="logo ext ext-sencha"></span>'+
                '<span class="label">Sencha</span>'+
            '</a>'
    }]
});

1 Ответ

0 голосов
/ 26 февраля 2020

Да, маршрутизация - лучшая стратегия, но если вы не хотите ее использовать, вы можете создать функцию, которая возвращает логическое значение в зависимости от состояния входа пользователя. Затем вы можете связать этот статус входа со скрытым свойством любого представления, что поможет.

...