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

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 ....

Mitchel Example on Grid , Horizontal scroll not working

Mitchel Example on Grid , Horizontal scroll not working

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

Originally Posted by ingo.hefti

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

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)