Well there are some blogs and sites where you can find an example about paging on a datagrid or advanced datagrid.
There are also a lot of blogs about filtering on flex datagrids or flex AdvancedDatagrid.
But… there are no examples about paging AND filtering on flex Datagrids or Flex AdvancedDatagrids.
Now there is !
When I was working on a sollution for paging a big amount of information in a flex Project the people I was building it for asked me if it was possible to keep the filtering functionality in.
At first I thought it was not possible. But….. after a good evening at trying, coding and testing at home I had succes and paging and filtering on a Adobe Flex Datagrid (or AdvancedDatagrid) is possible.
There is only one big issue, on a big amount of row’s it can become slow.
Right Click to see the source code





[...] http://www.iamboredsoiblog.eu/2009/01/10/advanced-paging-and-filtering-in-flex-datagrid/ [...]
this is nice! how can we achieve this if the data is coming from a webservice?
thanks
Here you can find an example: http://blog.flexmaniak.pl/flex_i_php/pagination-datagrid-service-paginateddatagrid-v0-1-english
Great but where is the filtering ? By the way, 1000 items should not crash the app. I worked with datagrids with over more than 20.000 items. Tru PhP
I didnt mean 1000 of items but thousands like 100 thousands or even more.
).
Filtering is not implemented yet, Im working on new – better – version (more flexible
Im just trying to port extJS DataGrid to Flex
Unfortunately I dont have much time lately :/
It depends on how you want to get the data. I you get all the data in one single call you can use this script. If you want to recall on paging or filering you will have to do some recoding.
[...] http://corlan.org/2008/08/19/paging-a-data-grid-on-the-client/ http://www.iamboredsoiblog.eu/2009/01/10/advanced-paging-and-filtering-in-flex-datagrid/ http://gurufaction.blogspot.com/2007/02/flex-datagrid-paging-example-with.html カテゴリー: [...]
Can anyone post a Paging example on a advanced datagrid which has grouped data..Will be of great help..thnx in advance
Please look at http://www.flexicious.com http://www.flexdatagrid.com. Its a component that handles server and client paging in addition to a lot of other features.
How do i change data-provider form for loop become my own xml data file.
Hi,
Fantastic app. I’m struggling with one additional item and wondering if you would have any idea how to:
1) use an external xml file
2) reload that same xml file every 5 minutes
Thanks again,
Todd
Does it read data from the first page only and when you click to go on the second page, it load the query for the second page? im looking an example like this. anyone?
No, that would be only possible if you would do a server side filtering.
Thanks for the great and simple code on pagination compared to others out there, you rock
is there a way to add a button in a column to the datagrid rows which takes an action with the row data? Thanks
Like an itemrenderer ?
Thank you very much for the awesome share. I had spent almost one night to build a paginated advanced datagrid, but it didn’t work. After checking your code, I found out my error, and as a bonus got data filtering
Thanks again. keep up the good work
We’ve added a whole lot of features to our grid – Please look at http://www.flexicious.com Filter, Paging, Footer, CheckBox Selection, Print, Print Preview, PDF Export, Excel/Word/Html Export and preference persistence.
So now that I’ve put this “advertisement” of flexicious here the second time on my blog, it’s about time I get a free version, right ?
Hi
Can’t download the code?
please
can you send me by e-mail?
Thanks
Oh I totally misunderstood.
You can find the code here : http://www.iamboredsoiblog.eu/flexfiles/paging-filtering/srcview/index.html
filterVANm() Where’s the function that does the filtering? THAT’s where I’m stuck. InitApp(), too.
???????????
The MXML reveals nothing about how to do the filtering.
Or I’m dense, since everyone else is raving about this post.
all the functions are in globalscript.as file.