Results 1 to 5 of 5

Thread: DataView Scroll Problem

  1. #1
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    102
    Answers
    5

    Default Answered: DataView Scroll Problem

    I am unable to get a DataView List to scroll vertically. Please see this fiddle:


  2. Lists end up wrapping their scrollable portion in a container, so setting scrollable: true isn't having the desired effect. However it defaults to being scrollable, so if you remove the config it should be ok for you.

    This is something we'll hopefully be able to rework in the next major version to be a little more intuitive.

  3. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,448
    Answers
    3997

    Default

    In that simple test case, you're overnesting. Your Test component doesn't need to be there, add the list to the Viewport. If this is just a stripped down version, then your Test component needs a layout as the List is just auto-heighting which is not allowing the scrolling.
    Mitchell Simoens @LikelyMitch

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

    Posts are my own, not any current, past or future employer's.

  4. #3
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    102
    Answers
    5

    Default

    Thanks for the quick reply. Yes the real project is more complicated. I have a container at the top of the screen and the DataView List takes up the the rest of the screen. I made changes to the fiddle to reflect this and added a layout. Now it does not display anything. What Am I missing?

    https://fiddle.sencha.com/#fiddle/1ett

  5. #4
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,256
    Answers
    759

    Default

    Lists end up wrapping their scrollable portion in a container, so setting scrollable: true isn't having the desired effect. However it defaults to being scrollable, so if you remove the config it should be ok for you.

    This is something we'll hopefully be able to rework in the next major version to be a little more intuitive.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  6. #5
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    102
    Answers
    5

    Default

    Thanks, that fixed it.

Similar Threads

  1. dataview with scroll
    By naimjs in forum Ext 5: Q&A
    Replies: 4
    Last Post: 23 Aug 2014, 12:34 AM
  2. Problem?Dataview/List + Horizontal Scroll
    By xhni in forum Sencha Touch 2.x: Discussion
    Replies: 4
    Last Post: 2 Mar 2012, 12:16 PM
  3. It's cannot scroll with Ext.DataView
    By winson in forum Sencha Touch 1.x: Q&A
    Replies: 0
    Last Post: 22 Oct 2011, 7:21 PM

Posting Permissions

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