Controller refs help

[levyke]

Hi,

I`m trying to show a card on button tap. Everything working fine just i cant call the desired card.

Ext.define('TestApp.controller.Home', {
    extend: 'Ext.app.Controller',

    config: {
        refs: {
            notificationButton: 'button[action=showNotification]',
            notificationCall: 'notificationview'
        },
        control: {
            notificationButton: {
                tap: 'showNotification'
            }
        }
    },
    
    slideRightTransition: { type: 'slide', direction: 'right' },
    
    showNotification: function(){
        console.log('working');
        Ext.Viewport.animateActiveItem(notificationCall, this.slideRightTransition);
    },
 });

The notificationCall is undefined and i cant figure it out how to pass that card to the showNotification function.

[mitchellsimoens]

You need to call the get method that is created for the ref

this.getNotificationCall()

[levyke]

showNotification: function(){
        console.log(this.getNotificationCall());
        Ext.Viewport.animateActiveItem(this.getNotificationCall(), this.slideRightTransition);
    }

No error but nothing happen, and the console logs "undefined".

My Notification View:

Ext.define('BunkerGlam.view.Notification', {
    extend: 'Ext.Container',
    xtype: 'notificationview',
    
    config: {
        layout: 'card',
        items: [{
            xtype: "toolbar",
                title: 'Notification',
                docked: "top",
        }]
    }
});

Thx

[mitchellsimoens]

That means that there is no component that is created with xtype of notificationview. If you need to create it you can do this:

refs : {
    notificationCall : {
        selector : 'notificationview',
        xtype : 'notificationview',
        autoCreate : true
    }
}

[smimp]

I was looking at some of the samples and wasn't able to find where some of the refs were being created.

Would a ref of #notificationcallCard auto create a card? Is that a shortcut or was I just missing the creation (in the sample, which uses a different name) and the card is actually created elsewhere?

[mitchellsimoens]

without the autoCreate option I posted then the ref will only work if you have an instance somewhere.