Page 1 of 2 12 LastLast
Results 1 to 10 of 19

Thread: [ExtJS-5.1.0] LoadMask missing on grids with bound store

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-17254 in 6.5.0.775.
  1. #1
    Sencha Premium User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Goiânia - GO, Brazil
    Posts
    902

    Default [ExtJS-5.1.0] LoadMask missing on grids with bound store


    • Ext 5.1.0 gpl
    Browser versions tested against:
    • Chrome 40
    DOCTYPE tested against:
    • Strict
    Description:
    • When using a bound store with a grid the load mask does not show while the store is loading at first time
    Steps to reproduce the problem:
    • Create a grid with a bound store
    • Load the store
    The result that was expected:
    • See the load mask while first load and every loads
    The result that occurs instead:
    • No loadmask

    the fiddle issues the problem

    https://fiddle.sencha.com/#fiddle/kia

    Wemerson Januario @JanuarioCoder
    Novanti Tecnologia, Sencha MVP/ Ext JS Consultant
    ____________________________________________
    Hire me on UpWork:

    GitHub
    https://github.com/wemersonjanuario

    Treinamento e Consultoria Ext JS. QUALIFIQUE-SE JÁ!

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha Premium User SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    1,295

    Default

    We have the same problem in our app. It's worst that it looks like. Our grid has lot of data, so user has time to interact with the grid and that generate errors.

  4. #4
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    35

    Default

    I use the following workaround


    in the grid definition:

    Code:
    afterrender: 'onGridAfterRender'

    in the store definition:
    Code:
    autoLoad: false

    in the controller


    Code:
    onGridAfterRender: function () {
         var store = this.getStore('store '),
             grid = this.lookupReference('grid'),
             view = grid.getView();
         view.setLoading(true); //to fix bug when no loading indicator is appeared
         store.load();
    },

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    6

    Default

    tnt9062 , your idea worked but your code doesn't. What we are doing here is just showing a load mask and then hiding it after the store loads. Thank you, but the real problem with this is the bug. Sencha Support Team and others, your free advice is, as usual, misleading and vague. At least you all are consistent.

  6. #6
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    35

    Default

    It's just a workaround and works well for me.
    Mask is disappeared automatically without any handmades.

    Did you check my sample and it doesn't work?

    Of course the bug must be fixed.

  7. #7
    Sencha Premium User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Goiânia - GO, Brazil
    Posts
    902

    Default

    Quote Originally Posted by Gary Schlosberg View Post
    Thanks for the report! I have opened a bug in our bug tracker.
    Why this bug is closed? already fixed in nightly builds?
    any override to share?
    Wemerson Januario @JanuarioCoder
    Novanti Tecnologia, Sencha MVP/ Ext JS Consultant
    ____________________________________________
    Hire me on UpWork:

    GitHub
    https://github.com/wemersonjanuario

    Treinamento e Consultoria Ext JS. QUALIFIQUE-SE JÁ!

  8. #8
    Sencha User
    Join Date
    Apr 2012
    Posts
    6

    Default My workaround ...

    @tnt9062, thanks for replying. Actually I appreciated your workaround and I am using it with some modification for my ViewModel store. I'm content with this workaround but I'm 100% sure we all prefer this bug to be fixed. the expectation would be always that a loading mask (just a single loading mask) appear while the view binding store is loading.




    Code:
    /* View */
    
    listeners : {
       afterrender : 'onPanelAfterRender',
    scope : 'controller'
    },
    
    
    Code:
    /*  ViewModel */
    
    stores : {
        cartDetails : {
            autoLoad: false,
    
         listeners : {
                load : 'onCartDetailsLoad'
         }
    },
    Code:
    /* View Controller */
    onCartDetailsLoad: function (store, records, successful, eOpts) {
    /* validation and maintenance */
       this.getView().setLoading(false);
    },
    onPanelAfterRender: function (panel) {
       panel.setLoading(true); //to fix bug when no loading indicator is appeared
    },
    
    
    Last edited by DKLEO; 9 Apr 2015 at 9:39 AM. Reason: formatting code.

  9. #9
    Sencha Premium User SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    1,295

    Default

    Status of EXTJS-17254 is OPEN (Pending Dev Verification). which is the bug number that was attached to this thread before, see http://webcache.googleusercontent.co...&ct=clnk&gl=us

  10. #10
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Looks like it's not actually a bug:
    https://www.sencha.com/forum/showthr...90521/page2#14

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •