-
30 May 2012 4:42 PM #1
Unanswered: Global scroll for dataview
Unanswered: Global scroll for dataview
Hi, I am writing a view which has a vertical layout and has a custom template view at the top, and a scrolable dataview at the bottom with autopaging plugin.
So as you can see I have scrollable twice, which works bad on small screens, because when you scroll down to the dataview, the upper view is not visible, and it is really hard to scroll to the top(you have to drag at the edge of the screen to get to the top). Is there a way to place two views into one scrollable area?PHP Code:config: {
layout: 'vbox',
scrollable: true,
items: [
{
xtype: 'mycustomview' // it is a container that has a complex layout
},
{
xtype: 'dataview',
store: 'SomeStore',
itemTpl: 'my template'
scrollable: {
direction: 'vertical',
directionLock: 'true'
},
}
]
}
-
1 Jun 2012 4:47 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 34,124
- Vote Rating
- 453
- Answers
- 3161
if the parent of the dataview is going to be scrollable, I would actually turn scroll off on the dataview. and remove scrollable on the dataview.
Or since you are using vbox layout on the parent, I would not allow the parent to be scrollable and let the items be scrollable.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
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 services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.


Reply With Quote