Hybrid View

  1. #1
    Sencha User willf1976's Avatar
    Join Date
    May 2009
    Location
    carpinteria, ca
    Posts
    84
    Vote Rating
    0
    willf1976 is on a distinguished road

      0  

    Default Ext.ux.ShowHideLoadingMask

    Ext.ux.ShowHideLoadingMask


    Hi All

    I have been going through the classes we have developed over the last few years and sharing back with the community some of them that I think will be useful to others. These components have been tested extensively in ext-3.2.1.

    Here is: Ext.ux.ShowHideLoadingMask

    A singleton used to show or hide the loading mask manually or automatically while requests are still outstanding. Remoting features are tested using ext direct with the direct provider stored in a global javascript variables called directProvider.

    Code:
    /**
     * @author Will Ferrer, Ethan Brooks
     * @copyright (c) 2012, Intellectual Property Private Equity Group
     * @licensee 2012 developed under license for Switchsoft LLC http://www.switchsoft.com a "Direct response telephony company" as part of it's "VOIP Call distribution, ROI analysis platform, call recording, and IVR for inbound and outbound sales" and Run the Business Systems LLC a "Technology development investment group" as part of it's "PHP, Javascript rapid application development framework and MySQL analysis tools"
     * @license licensed under the terms of
     * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
     * that the code/component(s) do NOT become part of another Open Source or Commercially
     * licensed development library or toolkit without explicit permission.
     * <p>License details: <a href="http://www.gnu.org/licenses/lgpl.html"
     * target="_blank">http://www.gnu.org/licenses/lgpl.html</a></p>
    * We are pretty nice just ask. We want to meet our licensees
    */
    /*
     * date: 06/10/10
     * @class Ext.ux.ShowHideLoadingMask
     * @singleton
     * @extends Object
     * A singleton used to show or hide the loading mask manually or automatically while requests are still outstanding. Remoting features are tested using ext direct with the direct provider stored in a global javascript variables called directProvider.
     * @constructor
     */
    Ext.ns('Ext.ux');
    Ext.ux.ShowHideLoadingMask = function(){
        return {
            /**
            * @cfg {Boolean} listenForRemoting
            * whether or not to listen for remoting
            */
            listenForRemoting : true,
            /**
            * @cfg {Boolean} displayExceptions
            * whether or not to display exceptions
            */
            displayExceptions : true,
            /**
            * @cfg {Boolean} redirectToLoginIfHtmlReturn
            * whether or not to redirect to the login page if a direct request returns a html document
            */
            redirectToLoginIfHtmlReturn : true,
            /** Public Function: show
             * Shows the loading mask
             */
            show : function () {
                Ext.MessageBox.wait('Loading...', 'Loading');
            },
            /** Public Function: hide
             * Shows the loading mask
             */
            hide : function () {
                Ext.MessageBox.hide();
                if (Ext.ux.ShowHideLoadingMask.displayExceptions && arguments[1].type == 'exception') {
                    var errorWindow = new Ext.Window({
                        title : 'Unhandled Exception',
                        modal : true,
                        width : 400,
                        height : 300,
                        autoScroll : true,
                        html : arguments[1].message
                    });
                    errorWindow.show();
                }
                if (Ext.ux.ShowHideLoadingMask.redirectToLoginIfHtmlReturn && arguments[1].type == 'exception' && arguments[1].xhr.responseText.match(/^<html>/)) {
                    window.location = '/';
                }
            },
            /** Public Function: listenForRemoting
             * Show hide the mask based on remoting calls automatically
             */
            listenForRemoting : function (provider) {
                provider.on("call", Ext.ux.ShowHideLoadingMask.show, this);
                provider.on("data", Ext.ux.ShowHideLoadingMask.hide, this);
                provider.on("exception", Ext.ux.ShowHideLoadingMask.hide, this);
                Ext.Ajax.on("requestcomplete", Ext.ux.ShowHideLoadingMask.hide, this);
                Ext.Ajax.on("requestexception", Ext.ux.ShowHideLoadingMask.hide, this);
            }
            
        };
    }();
    Ext.reg('ux-showhideloadingmask', Ext.ux.ShowHideLoadingMask);
    if (Ext.ux.ShowHideLoadingMask.listenForRemoting) {
        Ext.onReady(function () {
            Ext.ux.ShowHideLoadingMask.listenForRemoting(directProvider);
        });
    }
    Best regards

    Will Ferrer (Run the Business)

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,754
    Vote Rating
    828
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Is there anywhere (GitHub etc) that a demo of all your extensions can be viewed at?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User willf1976's Avatar
    Join Date
    May 2009
    Location
    carpinteria, ca
    Posts
    84
    Vote Rating
    0
    willf1976 is on a distinguished road

      0  

    Default


    Hi Mitchell

    We have a git hub account set up haven't had the time yet to set up any demos.

    As we get to it I will post back any links into these threads.

    Thanks very much for the interest .

    Best regards

    Will Ferrer

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi