1. #1
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Chisinau, Moldova
    Posts
    642
    Vote Rating
    25
    vadimv will become famous soon enough vadimv will become famous soon enough

      0  

    Default scroll extjs grid panel on mobile platforms

    scroll extjs grid panel on mobile platforms


    Hi,

    have tested my extjs app on webkit/iOS and android, everything works ok, except that I have a grid with a scroll, and you can guess that is problematic to scroll it since it's an extjs app.
    I've seen some suggestions with native javascript + html&css, but wondering if is it possible to add/make an workaround to have the touch scroll for the grid with some extjs extensions or even sencha touch.

    thx.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,118
    Vote Rating
    855
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      -2  

    Default


    mobile platforms are not supported by Ext JS.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Ext JS Premium Member
    Join Date
    Aug 2011
    Posts
    1
    Vote Rating
    0
    ebaskale is on a distinguished road

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    mobile platforms are not supported by Ext JS.
    Actually it's not an answer. He ask some trick for Android browser.

    By the way gridpanel scroll works fine on Ice Cream Sandwich...

    I'm looking for same answer on ExtJS 3.3.1, and i guess we should try to change overflow property of gridpanel.

    And i found panel enhancement for touchscreen, here is the link, it's works partially on Android 2.3.3 (column headers doesnt scroll and row select doesnt work).

    + Edit

    IPhone 3 works fine with two-finger scroll, i didnt try on IPhone 4(s)... (without iscroll)

    + Edit

    IPhone 4s works fine with one-finger scroll as like Android 4 ICS.... (without iscroll)

    And i did some changes in iscroll js code, scroll works fine on Android 2.3 with column scroll.

  4. #4
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Chisinau, Moldova
    Posts
    642
    Vote Rating
    25
    vadimv will become famous soon enough vadimv will become famous soon enough

      0  

    Default


    @ebaskale, thx for sharing, going to try.

  5. #5
    Sencha User
    Join Date
    Feb 2010
    Posts
    355
    Vote Rating
    4
    maneljn is on a distinguished road

      0  

    Default


    i have an extjs 4.0.7 web application and i have the same problems with mobile browsers.
    In iphone 3gs with ios 5.1 i have this 2 problems:
    - grid scroll vertical bars don't appear
    - menu don't open submenu options.

    What means "IPhone 3 works fine with two-finger scroll" , i don't know what is "two-finger scroll" ?¿?¿?

  6. #6
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,748
    Vote Rating
    106
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    Two fingers on your device, drag up/down you'll see

  7. #7
    Sencha User
    Join Date
    Feb 2010
    Posts
    355
    Vote Rating
    4
    maneljn is on a distinguished road

      0  

    Default


    mankz, i'm trying drag up and down with my two fingers inside an extjs grid (that has scroll bars in desktop browser) and in my iphone this action does absolutelly nothing.

    Manel

  8. #8
    Sencha User
    Join Date
    Feb 2010
    Posts
    355
    Vote Rating
    4
    maneljn is on a distinguished road

      0  

    Default


    additional info...my web page is under HTTPS protocol.

  9. #9
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,118
    Vote Rating
    855
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      -2  

    Default


    Ext JS is not supported on mobile devices.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  10. #10
    Sencha User
    Join Date
    Jun 2008
    Posts
    69
    Vote Rating
    0
    pouniok is on a distinguished road

      0  

    Default


    Quote Originally Posted by ebaskale View Post
    Actually it's not an answer. He ask some trick for Android browser.

    By the way gridpanel scroll works fine on Ice Cream Sandwich...

    I'm looking for same answer on ExtJS 3.3.1, and i guess we should try to change overflow property of gridpanel.

    And i found panel enhancement for touchscreen, here is the link, it's works partially on Android 2.3.3 (column headers doesnt scroll and row select doesnt work).

    + Edit

    IPhone 3 works fine with two-finger scroll, i didnt try on IPhone 4(s)... (without iscroll)

    + Edit

    IPhone 4s works fine with one-finger scroll as like Android 4 ICS.... (without iscroll)

    And i did some changes in iscroll js code, scroll works fine on Android 2.3 with column scroll.
    Hi,

    I'm facing the same problem with headers not scrolling.

    Could you share your edited iScroll ?



    Thanks