1. #1
    Sencha Premium Member
    Join Date
    May 2013
    Posts
    159
    Answers
    3
    Vote Rating
    0
    Dierk is on a distinguished road

      0  

    Default Answered: Sencha Touch 2.2.0: What's the best way to render data in a grid/table like view?

    Answered: Sencha Touch 2.2.0: What's the best way to render data in a grid/table like view?


    Hi,

    I'm going through the steep learning curve ... one thing I struggle with: what's the best way to render data in a grid or table like manner. I understand there's no grid/table available as per docs. The grid on gitHub apperas not be ready for Sencha 2.2. http://www.sencha.com/forum/showthread.php?262268

    Any pointers on how to tackle the challenge?

    Thanks in advance

  2. There is currently no official grid in the Sencha Touch SDK (to my big surprise...).

    Mitchel made one some time ago, but I'm not sure if it still works with ST2.2. You can find it here:
    http://www.sencha.com/forum/showthre....ux.touch.grid

    A few weeks ago bryntum published their UberGrid which looks to be terrific (but not for free). More here http://www.sencha.com/forum/showthre...r-Sencha-Touch

  3. #2
    Sencha User
    Join Date
    Feb 2011
    Location
    India
    Posts
    17
    Vote Rating
    0
    EXTabhi is on a distinguished road

      0  

    Default Even i tried searching the things , Grid with Horizontal scroll

    Even i tried searching the things , Grid with Horizontal scroll


    Even i tried searching the things, but did not get any useful information on this is highly appreciated.

    I went through all the examples of the Sencha touch , but was not able to see any working examples of the Grid , as it is available in the ExtJs .

    The requirement is to view the data in the Grid , so that if there are many columns the page , it can be horizontally scrolled.

    Any inputs on this are highly appreciated
    Regards
    Abhi

  4. #3
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Answers
    41
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    There is currently no official grid in the Sencha Touch SDK (to my big surprise...).

    Mitchel made one some time ago, but I'm not sure if it still works with ST2.2. You can find it here:
    http://www.sencha.com/forum/showthre....ux.touch.grid

    A few weeks ago bryntum published their UberGrid which looks to be terrific (but not for free). More here http://www.sencha.com/forum/showthre...r-Sencha-Touch

  5. #4
    Sencha Premium Member
    Join Date
    May 2013
    Posts
    159
    Answers
    3
    Vote Rating
    0
    Dierk is on a distinguished road

      0  

    Default


    Odd, there's nothing officially provided by ST2.2. Thanks for your pointers though...

  6. #5
    Sencha Premium Member
    Join Date
    Jun 2008
    Posts
    318
    Vote Rating
    3
    Scorpie is on a distinguished road

      0  

    Default


    I can recommend Ubergrid. Very powerful and very easy to use.
    I`m from Holland!

  7. #6
    Sencha User
    Join Date
    Feb 2011
    Location
    India
    Posts
    17
    Vote Rating
    0
    EXTabhi is on a distinguished road

      0  

    Default


    I checked out ubergrid , but it is not opensource , i wonder if Sencha has an plan of including such components in the future releases , or a forum where we can offer our suggestions for future release , this is very important for a framework to become useable and stable ....

    Thanks
    Abhi

  8. #7
    Sencha User
    Join Date
    Feb 2011
    Location
    India
    Posts
    17
    Vote Rating
    0
    EXTabhi is on a distinguished road

      0  

    Default Mitchel Example on Grid , Horizontal scroll not working

    Mitchel Example on Grid , Horizontal scroll not working


    Hello Experts ,

    I have downloaded and deployed the example provided by Mitchel on my local server , but to my surprise the example provided is not working with horizontal scroll , the other features are working ok .

    If this horizontal scroll problem is rectified , it will be big help for the people stuck with absence of this feature from Sencha Touch 2.2 (lot of people are already requested this feature , i found while googling ).

    Thanks
    Abhi

    Quote Originally Posted by ingo.hefti View Post
    There is currently no official grid in the Sencha Touch SDK (to my big surprise...).

    Mitchel made one some time ago, but I'm not sure if it still works with ST2.2. You can find it here:
    http://www.sencha.com/forum/showthre....ux.touch.grid

    A few weeks ago bryntum published their UberGrid which looks to be terrific (but not for free). More here http://www.sencha.com/forum/showthre...r-Sencha-Touch

  9. #8
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    50
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Default Grid with Horizontal Scroll

    Grid with Horizontal Scroll


    Hi,

    I've been meaning to provide example of Horiz scrolling for TouchTreeGrid which supports basic grids (in addition to Tree Grids and Accordions) and supports Touch 2.2 already and is Open Source. Can be downloaded from here: https://market.sencha.com/extensions/touchtreegrid. Check out the DOW History example. Horiz scrolling would be achieved by specifying Columns array widths in pixels instead of percents and setting Horizontal Scrolling true on parent container.

    I'll try to get an example out there in next week or so, but in my opinion it is a better user experience to only show significant columns that fit on a phone device and use onItemDisclosure=true to navigate to a detail panel for the remaining columns. Depends on the application of course. You can also use buttons on a toolbar (for example) to toggle sets of columns for display (another example I will get to). Refer to Census example for phone example via this link: http://www.lincolnwaterfrontrentals....viceType=Phone. You can resize your Browser to simulate phone portrait vs. phone landscape and #displayed columns auto-updates based on display width. More columns are displayed for Tablets for the same Census example ... and also change between Portrait and Landscape orientations)

    Prefer any feedback be left on original thread as it is my goal to make this component as useful as possible until Sencha finally supports these features:
    http://www.sencha.com/forum/showthre...Grid-component

    Regards, Steve

  10. #9
    Sencha Premium Member
    Join Date
    May 2013
    Posts
    159
    Answers
    3
    Vote Rating
    0
    Dierk is on a distinguished road

      0  

    Default


    Thanks a bunch, Steve

  11. #10
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    50
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Default Grid with Horizontal Scrolling

    Grid with Horizontal Scrolling


    I just uploaded example of Horizontal Scrolling using TouchTreeGrid. Refer to this thread:
    http://www.sencha.com/forum/showthre...Grid-component

    Regards,
    Steve