Sencha Touch 2.X Global Variables - Everywhere access

[Ricardo Perre]

I know this question was already posted here but I either didnt understand or sencha changed somewhat.


My app loads a form panel for login, then I would like to save the user info that have just loged on. This way I can change my view anytime I want and still know the name of the loged in user.


Here is my main code:

//<debug>
Ext.Loader.setPath({
    'Ext': 'sdk/src'
});
//</debug>


Ext.application({
    name: 'APP',


    loadedUser: 'the test',




    requires: [ 'Ext.MessageBox' ],


    views: ['Main', 'Home', 'Login'],


    models: ['User'],


    stores: ['Users'],


    controllers: ['Main'],


    icon: {
        57: 'resources/icons/Icon.png',
        72: 'resources/icons/Icon~ipad.png',
        114: 'resources/icons/Icon@2x.png',
        144: 'resources/icons/Icon~ipad@2x.png'
    },

    phoneStartupScreen: 'resources/loading/Homescreen.jpg',
    tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg',


    setLoadedUser: function(arg) {
        this.loadedUser = arg;
    },




    launch: function() {
// Destroy the #appLoadingIndicator element
        Ext.fly('appLoadingIndicator').destroy();


// Initialize the main view
        Ext.Viewport.add(Ext.create('APP.view.Main'));
    },


    onUpdated: function() {
        Ext.Msg.confirm(
            "Application Update",
            "This application has just successfully been updated to the latest version. Reload now?",
            function() {
                window.location.reload();
            }
        );
    }
});

The 'loadedUser' its what I wanted to be my global variable, and the method setLoadedUser(arg) its suposed to change that value.


I can access 'loadedUser' no problem, but i cant change its value.
Another question: loadedUser can it be an array/data structure?


Many thanks

[mitchellsimoens]

If you can access it you can change it. Nothing in JavaScript is private.

[Ricardo Perre]

Ext.define("APP.view.Main", {    extend: 'Ext.tab.Panel',
    xtype: 'mainview',
    itemId: 'mView',
    loadedUser: 'the test',
    
    config: {
        activeItem: 1,
        items: [
            {
                xtype: 'homepanel'
            },
            {
                xtype: 'loginpanel'
            }


        ]
    },


    getLogedInUser: function() {
        return this.loadedUser;
    },
    setLogedInUser: function(arg) {
        this.loadedUser = arg;
    },


    listeners: {
        show: function(list, opts) {
            this.getTabBar().hide();
        }
    }
});

When I do this

Ext.Viewport.getComponent('mView').setLogedInUser('new val');

And then

Ext.Viewport.getComponent('mView').getLogedInUser()

the value its still 'the test'

What am I doing wrong? Thanks for your time

[mitchellsimoens]

What is the scope within the setLogedInUser?

[Ricardo Perre]

Didnt quite got you question.
By scope I understand the namespace.
The namespace of my application is APP (like in the original post) then I instantiate two views (home and login). I'm calling this function in this two views.

Sorry for not knowing exactly what is the scope.

[mitchellsimoens]

this = scope

[Ricardo Perre]

The variable and the two methods are in the MainView. Its a tab panel that contains all the other views and I set the activeItem of the one I want to show at a particular time.

MainView {
-> has the methods and the variable

{ //login view
-> I call the methods

}
{ //another view
-> I again call the same methods
}

}

[Ricardo Perre]

Solved it. Thanks.

[cliffcloudy]

Solved it. Thanks.

got the same problem here..

may I ask how do you solve it ?