How to define global functions in Sencha Touch 2

We have already seen how to declare global variables in Sencha Touch 2. Today, we are going to see how to define global functions in Sencha Touch 2. Before that, why you need a global functions.

Global functions are defined once and access it anywhere in your application. If you need to modify it, you need to modify it in one place instead of modifying more places of your application.


Usually Global Functions in Sencha Touch 2 is defined inside Ext.application() class.

Ext.application({

    models: [],
    stores: [],
    views: [],
    name: 'MyApp',
    controllers: [],
    launch: function() {},

    getTrimContent: function(content) {
        return Ext.String.trim(content);
    }
});

Here, getTrimContent() is the global function which is used to trim whitespace from either end of a string, leaving spaces within the string intact. In order to access the global function anywhere in your application, you need to use this code.

MyApp.app.getTrimContent(" This is Global Test ");

This one follows the following format {<application name>.<app folder name>.<global function>}.

I Hope, you enjoyed this Post.