Example: Flex Paginate Component 19 comments
Here’s a little paginator component we put together. There’s plenty of room to improve it - add css styling support, etc.. but thought I’d throw it out there in case someone finds it useful.
19 Responses to 'Example: Flex Paginate Component'
Subscribe to comments with RSS
-
Considering the way Lists handle ItemRenderers in Flex is paging still necessary.
What I’ve been doing, is say there are a 1000 records and paging size is set at 100. I’ve been populating the array with 1000 ‘pending’ items and then updating those items as i receive my paged data.
That way the client only need use the List scrollbar as opposed to paging controls.
make sense?
-
hi Bjorn, Normally my advise would be to try and avoid pagination if you are only dealing with 100’s of records however any more than that pagination can be valid. i.e recently we worked on a app that was returning 10,000+ records. Scrolling a list became impractical. I like your idea about pending items and loading in sets of data as you scroll. I’ve been meaning to try that approach on some projects…
Thanks paddy ;) -
Component looks sweet. I might take it and run with it if thats cool with you, i.e. adding styling etc.
I’d also change the scroller at the bottom to a scrollbar.
Maybe even a base class Paginator and a HPaginator, VPaginator extending it.
-
Feel free. The bottom scroller IS a styled ScrollBar, just could do with some methods to improve setting style dynamically. I was also going to add ‘< <' '>>’ buttons that scroll across a page set… anyway feel free to run with it as I ain’t got much time to develop it much more at the mo…
-
Hi - thanks for sharing this. Is it possible to use it in CS3 or Flex only?
-
it’s flex only I’m afraid
-
error in
thumb-skin : ClassReference(”PaginatorScrollBar_thumbSkin”);
track-skin : ClassReference(”PaginatorScrollBar_trackSkin”);How the definition of “PaginatorScrollBar_thumbSkin” and “PaginatorScrollBar_trackSkin”. thanks.
-
you need to make sure you include the ‘libs/paginagtorScrollSkin.swc’. (this is published from ’src/assets/paginagtorScrollSkin.fla’) have you downloaded the zip and imported it into Flex3?
-
thanks,it is ok now.
-
Can I get your project code? I would like to reverse engineer this for CS3.
-
hi Jimi, link to source code is bottom of the post
-
Great work….I love this component.
-
Hi
is there an equivalent thing for flash and AS3?
if there is no component for flash is there a good tutorial for pagination with AS3?
-
@ron I don’t know of a flash one but there’s no reason why you couldn’t look at the code and refactor it for flash? best of luck…
-
Hi,
I wanted to refer this component to create a similar one for my application, At [resent I am unable to view the source code, so can you please help me download the source code for this component ?
Thanks,
Naveen -
hi Naveen,
There are 2 links under the example. ‘Source’ and ‘Component Source’. Granted they’re not that easy to see ;( but hopefully that will give you the juice ;) …
-
Hi,
Your component is great an sexy but… I added it to an ADG of mine, and since that, the page loads veryyy veryyyy slow (up to 1 or 2 mn, browser (IE/FF) stuck, and not even a Flash progress bar)
It appears that yours, on this page, is smooth, but a referrer to you, here : http://www.flex-tutorial.fr/category/advanceddatagrid/ seems to suffer the same slowdown.
Any idea, ever met that behaviour???
-
I‘m a freshman of Flex.
I have studied Flex3 for 3 weeks.
This Demo is Great and Beautiful!
Beautiful!
Great idea to use the slider.