Sencha Touch 2.2.0: What's the best way to render data in a grid/table like view?
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
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
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 ).
Originally Posted by ingo.hefti
Grid with Horizontal Scroll
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:
Grid with Horizontal Scrolling
I just uploaded example of Horizontal Scrolling using TouchTreeGrid. Refer to this thread: