8 Feb 2012 8:37 AM #1
Table Layout with moving part
I'm trying to figure out what would be the best way to implement the following table / view (see attachment).
The part within red rectangle is static. The data on the right side will be delivered as a json (each column is actually 1 record). The static part should be always visible, which means that if we have more records it should stay freezed (like in MS Excel) and we should only scroll within the records. I hope it's understandable what I'm trying to explain...
I'm quite new to extjs / touch frameworks so I would be really greatful for help. I've been looking at extjs table layout I'm not sure if it's possible to achieve that "scrolling part" with it. I have also tried out the Ext.ux.touch.grid but grid component is not really designed to display such a layout (as in my case each column is actually a record in opposite to grid where each row is a record...)
8 Feb 2012 9:47 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
So you want the left part to stay still but the right side with the dates to be scrollable?Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 firstname.lastname@example.org
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.
8 Feb 2012 11:33 AM #3
12 Feb 2012 11:37 PM #4
20 Mar 2012 12:48 AM #5
Jst a thought..
Why don't you make the left part as a different panel and right side as different. Then give scrollable to only right side.