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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  5. #5
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,725
    Vote Rating
    248
      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
    Director of Engineering - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "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
  •