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

Thread: scroll extjs grid panel on mobile platforms

  1. #1
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    722
    Vote Rating
    51
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      -2  

    Default

    mobile platforms are not supported by Ext JS.
    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
    Ext JS Premium Member
    Join Date
    Aug 2011
    Posts
    1
    Vote Rating
    0
      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
    Cluj, Romania
    Posts
    722
    Vote Rating
    51
      0  

    Default

    @ebaskale, thx for sharing, going to try.

  5. #5
    Sencha User
    Join Date
    Feb 2010
    Location
    Figueres (Spain)
    Posts
    368
    Vote Rating
    5
      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 Premium User mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    3,078
    Vote Rating
    184
      0  

    Default

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

  7. #7
    Sencha User
    Join Date
    Feb 2010
    Location
    Figueres (Spain)
    Posts
    368
    Vote Rating
    5
      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
    Location
    Figueres (Spain)
    Posts
    368
    Vote Rating
    5
      0  

    Default

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

  9. #9
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      -2  

    Default

    Ext JS is not supported on mobile devices.
    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

  10. #10
    Sencha User
    Join Date
    Jun 2008
    Posts
    74
    Vote Rating
    1
      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

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
  •