Widget Creation - Méthode Swing

function loadData( settings, ctx ) {
    var widgetContext = this; // save the widget variable.
    // Get the user todo list
    try {
        /* getUserData is one of the available methods,
           see the proper documentation below for further details */
        widgetContext.getUserData( 'todolist',{
            success: function( data ) {
                // Process List items.

                /* NOTE: IT IS NECESSARY TO CALL THE FOLLOWING METHOD TO LET THE DASHBOARD
                   KNOW THAT THE WIDGET HAS COMPLETED THE DATA LOADING. */
                widgetContext.updateBaseData( settings, data );
            },
            error: function(xhr, textStatus, errorThrown) {
                // Process the error response and show the Widget Error
                var error = widgetContext.processErrorResponse(xhr, textStatus, errorThrown);
                widgetContext.showError(error);
            }
        });
    } catch (ex) {
        widgetContext.showError( { message: ex.message } );
    }
};

function updateData( settings, data, ctx ) {
    var widgetContext = this; // save the widget variable.

    // add Listeners to the object.

    var $widget = widgetContext.getWidgetContainer(); //Obtains the jQuery reference to the widget.

    $widget.find('#saveSomething').off('click').on('click', function() {
        // do some elaboration of the data...
        alert('you clicked me');
    });

};

function onResize() {
    var widgetContext = this;
    var ROW_PIXEL_HEIGHT = 65;
    var HEADER_PIXEL_HEIGHT = 30;

    var calcElements = function() {
        var widgetHeight = widgetContext.getHeight();
        var totalEl = Math.floor( (widgetHeight - HEADER_PIXEL_HEIGHT) / ROW_PIXEL_HEIGHT);
        return totalEl;
    };

    var totalRow = widgetContext.settings.count;
    var totalNewEl = calcElements.call(this);

    if ( totalNewEl === totalRow ){
        return;
    } else {
        // New quantity of items.
        // Refresh the widget with new items.
        this.settings.count = totalNewEl;
        loadData.call( widgetContext, widgetContext.settings );
    }
};

function onResize() {
    var widgetHeight = this.getHeight();
    // Some elaboration...
}

function onResize() {
    var widgetWidth = this.getWidth();
    // Some elaboration...
}

<h1>
    <%=settings.title%>
    <i class="<%=(widget.getWidgetIcon() || settings.icon)%>"></i>
</h1>

    var icon = this.getIcon( 'EOM::Story' ); // Returns 'emui-icon-file-text';
    // Some elaboration...

    // data has 30 elements.
    this.addDummy( data, 50 );
    /**
    *  Now data has 50 elements. From Index 30 to index 49, the element is
    * { empty: true }
    */

    // Open the "new content" dialog.
    this.execute( "newcontent" );

    var $container = this.getWidgetContainer();

    // Search all anchors inside the widget...

    var $links = $container.find('a');

    var currentUser = this.getCurrentUser();

    /** Returns

    {
        "picture": "/WebClient/user/avatar/user_name?token=1fb301ce-1dc3-4f78-9e2c-0b9c2750ff1b",
        "name": "user_name",
        "description": "Eidosmedia top class R&D",
        "config_folder": "eomfs:/Configurations/Profiles/user_name/Config",
        "id": "1.0.417997841",
        "fullName": "Ted Mosby",
        "team": "Globe_Web",
        "phoneNumber": "456",
        "mobileNumber": "123",
        "twitter": "user_name",
        "facebook": "john.doe@r.com",
        "role": "Reporter",
        "homeEmail": "john.doe.home@r.com",
        "businessEmail": "john.doe@r.com2",
        "statusMessage": "Status msgsdsadsadas",
        "workDir": "workfolder:///Globe/Sport",
        "location": "Roma",
        "profileDir": "eomfs:/Configurations/Profiles/user_name",
        "lastLoggedOn": 1423501287,
        "initials": "AP",
        "signature": "John",
        "system_attributes": "SYSTEM ATTRIBUTES",
        "metadata": "",
        "homePath": "/Users/user_name",
        "admin": true,
        "groups": [
            {
                "name": "Administrators",
                "description": "",
                "config_folder": "eomfs:/Configurations/Profiles/Administrators/Config",
                "profile_folder": "eomfs:/Configurations/Profiles/Administrators",
                "categories": [
                    "EOM::Group",
                    "EOM::Configuration",
                    "EOM::Privileges"
                ],
                "isConfiguration": true
            }
        ],
        "calendars": [
            {
                "color": "#0C96D7",
                "id": "U00033812843qQO",
                "name": "World Cup 2014",
                "url": "https://www.google.com/calendar/ical/qlbi1b0rp50vb07rmssnebq694%40group.calendar.google.com/public/basic.ics",
                "icon": "icon-bookmark",
                "private": false
            }
        ],
        "status": "available",
        "teams": [
            "Globe_Team",
            "Globe_Web"
        ]
    }

    **/

    var userLocation = this.getUserLocation();
    var latitude = userLocation.get('latitude'); // longitude...

    this.getCurrentLocation( function(location) {

        // Do something with location...
        // It is an object
        /*
        {
            "latitude": 45.3231,
            "longitude": 9.1321
        }
        */

    });

 var config = this.getConfiguration();

 var persistence = this.getPersistence();

// Executes an AJAX call to obtain the DIGG feeds.
    persistence.ajax({
        emCache: {
            disabled: !this.getConfiguration().isCacheEnabled(),
            prefix: 'eidosmedia.widget|diggfeeds|',
            ttl: 600,
            safe: true
        },
        url : widgetContext.buildUrl( '/ws/widgets/digg/mostDuggFeed', widgetContext.getAppContext() ),
        data : request,
        success : function(respData) {
            if ( count < respData.length ) {
                respData = respData.splice(0, count);
            }
            response = widgetContext.addDummy(respData, count);

            // Update the widget data with the standard method, as we don't override it.
            widgetContext.updateBaseData( widgetContext.settings, response);
            // Add custom listeners.
            addListeners.call( widgetContext, response );
        },
        error : function(xhr, textStatus, errorThrown) {
            var error = widgetContext
                            .processErrorResponse(xhr, textStatus, errorThrown);
            widgetContext.showError(error);
        }
    });

var widgetContext = this;
// Executes an AJAX call to obtain the DIGG feeds.
$.ajax({
    url: '',
    data: [],
    success : function(respData) {
        // ...
    },
    error : function(xhr, textStatus, errorThrown) {
        var errorObj = widgetContext
                        .processErrorResponse(xhr, textStatus, errorThrown);
        widgetContext.showError( errorObj );
    }
});

    this.showError( { message: 'Some error details here' } );

    var translatedString = this.translate( 'favourites.addyourselferror', 'This is the default message for Adding yourself to Favourites is not allowed.');

    // or, if data is needed...

    var msg = $.eomtranslate('newmessagemodal.sendsuccess', {
          data: ['elem1', 'elem2', 'elem3', 'elem4' ],
          defaultMessage: 'The message was successfully sent to ' + users
     });

    this.getUserData( name, callbackSettings ); // Obtains the user data.

    this.addUserData( data, name, callbackSettings ); // Add some data to the user's data.

    this.removeUserData( data, name, callbackSettings ); // Remove some data from the user's data.

    this.setUserData( data, name, callbackSettings ); // Set the user data to some value.

    // assuming that, before, we had a 'var widgetContext = this;'...

    // GET USER DATA

    // Get recents asynchronously (recommended).
    this.getUserData('recents', {
        success: function( recents ) {
            //...
        },
        error: function(xhr, textStatus, errorThrown) {
            var errorObj = widgetContext
                        .processErrorResponse(xhr, textStatus, errorThrown);
            widgetContext.showError( errorObj );
        }
    });

    var recents = this.getUserData('recents'); // Get recents synchronously (not recommended)

    // ADD USER DATA (if the file does not exist, it is created).

    // add a recent to the list (sync).
    this.addUserData( { /* item */ }, 'recents', {
        success: function( newRecents ) {
            // returns the update list of recents
            //...
        },
        error: function(xhr, textStatus, errorThrown) {
            var errorObj = widgetContext
                        .processErrorResponse(xhr, textStatus, errorThrown);
            widgetContext.showError( errorObj );
        }
    });

    // add a recent to the list (async).
    var newRecents = this.addUserData( { /* item */ }, 'recents' );

    // REMOVE USER DATA

    // remove a recent from the list (sync).
    this.removeUserData( { /* item identifier */ }, 'recents', {
        success: function( newRecents ) {
            // returns the update list of recents
            //...
        },
        error: function(xhr, textStatus, errorThrown) {
            var errorObj = widgetContext
                        .processErrorResponse(xhr, textStatus, errorThrown);
            widgetContext.showError( errorObj );
        }
    });

    // add a recent to the list (async).
    var newRecents = this.removeUserData( { /* item */ }, 'recents' );

    // SET USER DATA (overrides the current content with the new one).

    // completely sets the new todo list (sync)
    this.setUserData( [ {}, {}, }{} ], 'todolist', {
        success: function( newTodoList ) {
            // returns the update Todo List
            //...
        },
        error: function(xhr, textStatus, errorThrown) {
            var errorObj = widgetContext
                        .processErrorResponse(xhr, textStatus, errorThrown);
            widgetContext.showError( errorObj );
        }
    });

    // completely sets the new todo list (async).
    var newTodoList = this.setUserData( [ {}, {}, }{} ], 'todolist' );

    this.openPreview( items, { loadObject: true });