Results 1 to 5 of 5

Thread: Grid Custom Scrolling in 4.1

  1. #1
    Sencha User
    Join Date
    Dec 2010
    Posts
    16
    Vote Rating
    0
      0  

    Default Grid Custom Scrolling in 4.1

    When 4.1 is released will it be possible to add custom styles for the scrollers of Grid Panels? I would guess not.

    If not, what considerations are there in overriding the new ExtJS OS-native scrollbars with custom styled ones maintaining the ExtJS header & table scrolling functionality? (i.e. should I override methods (where in code?), write a grid plugin, a grid feature, etc?)

    Thanks

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,050
    Vote Rating
    1382
      0  

    Default

    The scrolling is the browser's native scrolling so if you want to style the scrollbars then you should be able to as you would on a normal div with scrollbars.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Dec 2010
    Posts
    16
    Vote Rating
    0
      0  

    Default

    But when I apply overflow: hidden to the currently natively scrolled div and then add in custom-styled divs that perform scrolling functionality via JS, I assumed I would lose the connection to the ExtJs events that are scrolling the grid headers (in their separate div). Is this correct? Or is ExtJs listening to the offset of the table element instead, which would be ok?

  4. #4
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,050
    Vote Rating
    1382
      0  

    Default

    There are scroll events that happen but Ext JS I don't think listens to any of them. Maybe for a feature but I still don't see why it would so if you want to do the scrolling via JS then just change the offset or use the scroller scroll methods.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  5. #5
    Sencha User dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,742
    Vote Rating
    258
      0  

    Default

    The grid listens to scroll events if you are using buffered rendering to know what portions of the grid are in view.
    Don Griffin

    "Use the source, Luke!"

Posting Permissions

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