flexdatapaging now available

Here's the link to download the component. Click here to download
Click here to view API doc

To use this component with List , DataGrid, DataGroup include the compoent as the child of flexdatapaging like this

<flexdatapaging navigationposition="top" numperpage="20" dataprovider="{dp}">
<list />
</flexdatapaging>

Then set the properties. You do not have to set the width of the component you are trying to page. You only need to set the dataProvider of FlexDataPaging.
You can set the following properties of FlexDataPaging

dataProvider (required)

numPerPage (default is 10)

navigatonPosition (default is bottom) This determines which position the navigation bottom should be bottom | top | side

flexDataPaging for flex 4

Here are some screen shot of the component I'm working on. FlexDataPaging. I know there are few flex paging components out there and as usual I could not use some of them.. I tried to make this as easy as I can. I know some people may still find it difficult but this is targeted to developers. This component can take any flex component with dataprovider like datagrid, datagroup or list
You can position the navigation button to top bottom or side. you can use custom skin on the navigation button. You can use custom skin on the target component if it is a skinnable component.

screen shots

with datagrid with navigationPosition set to default


with the navigationPosition set to top with custom button skin


navigationPosition set to top with default button skin


using datagroup with navagationPosition set to side


with list component using the default button. with navigationPosition set to side