1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    235
    Vote Rating
    0
    chandan.behura is on a distinguished road

      0  

    Default Loading..Mask

    Loading..Mask


    Hi,

    I have 10 components(pop-up with grid,combo..etc) in side a panel . The store of all the components are coming from Data Base. I want a 'Loading...Mask' on the hole panel until all the components properly populated.So how i will apply a mask with Loading..message until all the components properly populated.

    help please.

    Thanks,
    chandan

  2. #2
    Sencha User
    Join Date
    Dec 2008
    Location
    Manchester, UK
    Posts
    103
    Vote Rating
    8
    LisburnLad will become famous soon enough

      0  

    Default


    Hi Chandan,

    Try this:

    Adding a page loading mask when application begins:
    http://edspencer.net/2009/02/adding-...our-extjs.html


    I've used this successfully with V4 code.

    Steve






  3. #3
    Ext JS Premium Member
    Join Date
    Dec 2011
    Posts
    23
    Vote Rating
    0
    paul_wang is on a distinguished road

      0  

    Default


    You can also try Panel's setLoading method.

  4. #4
    Sencha User
    Join Date
    Jul 2012
    Posts
    235
    Vote Rating
    0
    chandan.behura is on a distinguished road

      0  

    Default


    Quote Originally Posted by paul_wang View Post
    You can also try Panel's setLoading method.
    But how i will setLoaing until all the values get populated in th components present inside the panel.
    there are 10 components in the panel all having store.

    Can u please give short code how i will do that?

    Thanks ,

  5. #5
    Ext JS Premium Member
    Join Date
    Dec 2011
    Posts
    23
    Vote Rating
    0
    paul_wang is on a distinguished road

      0  

    Default


    Sorry, don't have code I can show you.

    I was suggesting to do setLoading(true), kick off all the store loads but keep track of them so you know when they're all done loading, then do setLoading(false) when all stores are done loading.

  6. #6
    Sencha User
    Join Date
    Jul 2012
    Location
    India
    Posts
    87
    Vote Rating
    0
    Ronits is on a distinguished road

      0  

    Default


    Chandan,
    I believe all the stores have
    Code:
    proxy : {
                type : 'ajax',
                url :
    You can use
    Code:
    var loadMask = new Ext.LoadMask(Ext.getBody(), {
                    msg: ' '
                });
    
                Ext.Ajax.on('beforerequest',function(){
                    loadMask.show();
                    });
                Ext.Ajax.on('requestcomplete',function(){
                    loadMask.hide();
                });
                Ext.Ajax.on('requestexception', function(){
                    loadMask.hide();
                });
    Thanks,
    Ronz

  7. #7
    Sencha User
    Join Date
    Jul 2012
    Posts
    235
    Vote Rating
    0
    chandan.behura is on a distinguished road

      0  

    Default


    Quote Originally Posted by Ronits View Post
    Chandan,
    I believe all the stores have
    Code:
    proxy : {
                type : 'ajax',
                url :
    You can use
    Code:
    var loadMask = new Ext.LoadMask(Ext.getBody(), {
                    msg: ' '
                });
    
                Ext.Ajax.on('beforerequest',function(){
                    loadMask.show();
                    });
                Ext.Ajax.on('requestcomplete',function(){
                    loadMask.hide();
                });
                Ext.Ajax.on('requestexception', function(){
                    loadMask.hide();
                });
    can u please tell me when the requestexception will work...

Thread Participants: 3

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar