28 Apr 2011 2:24 AM #1
Carousel like jCarousel
i'm searching for a carousel like jCarousel (http://sorgalla.com/projects/jcarous..._circular.html).
I have a dataview wich polls data from a store. Best would be if i could load the the data partly and then load new chunks on every click backwards or forwards. Also i want to loop the carousel (first items are added to the end and last items are added to the begin).
My current approach is to load six items into the dataview and set the view to overflow: none in css and autoScroll:false in extjs. I then want to move the view every time i click forward or backward buttons. I tried scrollIntoView() which does scroll to the selected node but i don't know how to move the rest of the view.
Later i wanted to add a trigger on the last nodes of the current visible nodes to load more items from the store.
The tricky part with the loop function is that the first/last items need to be cloned and put to the end/begin. Here is an example of what this should be looking: http://jqueryfordesigners.com/jquery-infinite-carousel/.
My questions now are:
Did somebody already did something or similar?
Is my approach a good one, or is there a better way to do this?
Sorry for my maybe confusing description, i'm very new to extjs and currently struggle with all the new objects to work with.
Thanks for reply and help in advance!
By TrentMav in forum Sencha Touch 1.x: Examples and ShowcasesReplies: 5Last Post: 10 Feb 2012, 1:59 AM
By doggroup in forum Sencha Touch 1.x: DiscussionReplies: 2Last Post: 8 Mar 2011, 10:43 PM
By tbleckert in forum Sencha Touch 1.x: DiscussionReplies: 2Last Post: 24 Feb 2011, 11:29 PM
By yCD in forum Sencha Touch 1.x: DiscussionReplies: 2Last Post: 31 Jul 2010, 9:51 AM
By Mphasize in forum Sencha Touch 1.x: BugsReplies: 6Last Post: 1 Jul 2010, 11:41 AM