Flex DataGrid pagination

Report · Aug 27, 2008

Hi. Will some future version of the Flex DataGrid/AdvancedDataGrid have pagination built-in? Thanks.

Report · Aug 27, 2008

<div class=Section1> color:#1F497D'>What do you mean by built-in?<o:p></o:p> color:#1F497D'><o:p> </o:p> <div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'> From:<span style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> Alex Cougarman [mailto:member@adobeforums.com] Sent: Wednesday, August 27, 2008 5:50 AM To: flexsdk-dev@adobeforums.com Subject: Flex DataGrid pagination<o:p></o:p> </div> <o:p> </o:p> A new discussion was started by Alex Cougarman in Developers -- Flex DataGrid pagination Hi. Will some future version of the Flex DataGrid/AdvancedDataGrid have pagination built-in? Thanks. <o:p></o:p> <div class=MsoNormal> <hr size=2 width=200 style='width:150.0pt' align=left> </div> View/reply at <a href="http://www.adobeforums.com/webx?13@@.59b64911">Flex DataGrid pagination</a> Replies by email are OK. Use the <a href="http://www.adobeforums.com/webx?280@@.59b64911!folder=.3c060fa3">unsubscribe</a> form to cancel your email subscription.<o:p></o:p> </div>

Report · Aug 27, 2008

Hi. By simply setting some properties on the DataGrid, we can activate the pagination. As is (at least in Flex 3), we have to use something like what's described in this article to get pagination for a datagrid: http://gurufaction.blogspot.com/2007/02/flex-datagrid-paging-example-with.html To have pagination on a DataGrid, it would be great if we could set some properties as in the following, <mx:DataGrid enablePaging="true" pageSize="20" pagerLocation="bottomRight" pagerType="NumericPrevNext" pageTransition="Fade" ....> </mx:DataGrid> The above properties would produce a datagrid with the pager controls in the bottom right of the grid; the type property would set it to show buttons/numbers like this, [Prev] 1 2 3 4 5 ... [Next] I was surprised that we have to write our own paging component for Flex datagrids; there should be one that's part of the technology. We'd just call some properties and have it work right out of the box. There could be some built-in pager styles, - Numeric only (showing pages of results returned, "1 2 3 4 5 ...". Each number is a link to that page of records. - Numeric with Previous/Next buttons - "Go To" combo box of all the pages of records. On select, it would jump to that page of results. - Option to display "Displaying page x of xx, items x of xx". - Alphabetic paging - Slider control to enable paging To see an AJAX example of what I mean by datagrid paging, please take a look at the Telerik ASP.NET datagrid's paging options: http://demos.telerik.com/ASPNET/Prometheus/Grid/Examples/GeneralFeatures/Paging/DefaultCS.aspx On the left menu of that same page, you can view examples of other types of datagrid pagers.

Report · Aug 27, 2008

<div class=Section1> color:#1F497D'>OK, file an enhancement request. I wouldn’t get your hopes up. Paging gets tricky when you have variableRowHeight or only a portion of the last row is visible. Do you expect it to page data as well? Then there’d be all of the styles and properties related to the paging control, so I’d be cautious about baking one in. Seems like a better third-party control.<o:p></o:p> color:#1F497D'><o:p> </o:p> <div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'> From:<span style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> Alex Cougarman [mailto:member@adobeforums.com] Sent: Wednesday, August 27, 2008 10:13 AM To: flexsdk-dev@adobeforums.com Subject: Re: Flex DataGrid pagination<o:p></o:p> </div> <o:p> </o:p> A new message was posted by Alex Cougarman in Developers -- Flex DataGrid pagination Hi. By simply setting some properties on the DataGrid, we can activate the pagination. As is (at least in Flex 3), we have to use something like what's described in this article to get pagination for a datagrid: <a href="http://gurufaction.blogspot.com/2007/02/flex-datagrid-paging-example-with.html">http://gurufaction.blogspot.com/2007/02/flex-datagrid-paging-example-with.html</a> To have pagination on a DataGrid, it would be great if we could set some properties as in the following, <mx:DataGrid enablePaging="true" pageSize="20" pagerLocation="bottomRight" pagerType="NumericNextPrev" pageTransition="Fade" ....> </mx:DataGrid> The above properties would produce a datagrid with the pager controls in the bottom right of the grid; the type property would set it to show buttons/numbers like this, [Prev] 1 2 3 4 5 ... [Next] I was surprised that we have to write our own paging component for Flex datagrids; there should be one that's part of the technology. We'd just call some properties and have it work right out of the box. <o:p></o:p> <div class=MsoNormal> <hr size=2 width=200 style='width:150.0pt' align=left> </div> View/reply at <a href="http://www.adobeforums.com/webx?13@@.59b64911/1">Flex DataGrid pagination</a> Replies by email are OK. Use the <a href="http://www.adobeforums.com/webx?280@@.59b64911!folder=.3c060fa3">unsubscribe</a> form to cancel your email subscription.<o:p></o:p> </div>

Report · Aug 27, 2008

Thanks. Yes, the paging of data would be important. If you know of 3rd party components that do this, please let me know.

Also, should I post the enhancement request here? http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Thanks again.

Report · Aug 27, 2008

<div class=Section1> 10.0pt;font-family:Arial;color:navy'>You can file Flex bugs and enhancement requests at: <a href="http://bugs.adobe.com/flex/">http://bugs.adobe.com/flex/</a><o:p></o:p> 10.0pt;font-family:Arial;color:navy'><o:p> </o:p> 10.0pt;font-family:Arial;color:navy'>Peter<o:p></o:p> 10.0pt;font-family:Arial;color:navy'><o:p> </o:p> 10.0pt;font-family:Arial;color:navy'><o:p> </o:p> <div> <div class=MsoNormal align=center style='text-align:center'>face="Times New Roman"> <hr size=2 width="100%" align=center tabindex=-1> </div> font-family:Tahoma;font-weight:bold'>From:face=Tahoma> Alex Cougarman [mailto:member@adobeforums.com] Sent: Wednesday, August 27, 2008 2:11 PM To: flexsdk-dev@adobeforums.com Subject: Re: Flex DataGrid pagination<o:p></o:p> </div> 12.0pt'><o:p> </o:p> face="Times New Roman">A new message was posted by Alex Cougarman in Developers -- Flex DataGrid pagination Thanks. Yes, the paging of data would be important. If you know of 3rd party components that do this, please let me know. Also, should I post the enhancement request here? <a href="http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform">http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform</a> Thanks again. <o:p></o:p> <div class=MsoNormal><span style='font-size:12.0pt'> <hr size=2 width=200 style='width:150.0pt' align=left> </div> face="Times New Roman">View/reply at <a href="http://www.adobeforums.com/webx?13@@.59b64911/3">Flex DataGrid pagination</a> Replies by email are OK. Use the <a href="http://www.adobeforums.com/webx?280@@.59b64911!folder=.3c060fa3">unsubscribe</a> form to cancel your email subscription.<o:p></o:p> </div>

Report · Aug 27, 2008

<div class=Section1> color:#1F497D'>All bugs and enhancements go in at bugs.adobe.com/jira.<o:p></o:p> color:#1F497D'><o:p> </o:p> color:#1F497D'>I don’t know if there are other existing third party solutions. The article you cited might be a place to start. You can also ask on FlexCoders<o:p></o:p> color:#1F497D'><o:p> </o:p> <div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'> From:<span style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> Alex Cougarman [mailto:member@adobeforums.com] Sent: Wednesday, August 27, 2008 2:11 PM To: flexsdk-dev@adobeforums.com Subject: Re: Flex DataGrid pagination<o:p></o:p> </div> <o:p> </o:p> A new message was posted by Alex Cougarman in Developers -- Flex DataGrid pagination Thanks. Yes, the paging of data would be important. If you know of 3rd party components that do this, please let me know. Also, should I post the enhancement request here? <a href="http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform">http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform</a> Thanks again. <o:p></o:p> <div class=MsoNormal> <hr size=2 width=200 style='width:150.0pt' align=left> </div> View/reply at <a href="http://www.adobeforums.com/webx?13@@.59b64911/3">Flex DataGrid pagination</a> Replies by email are OK. Use the <a href="http://www.adobeforums.com/webx?280@@.59b64911!folder=.3c060fa3">unsubscribe</a> form to cancel your email subscription.<o:p></o:p> </div>

Report · Aug 27, 2008

I think it would be far more valuable to add a new mx.controls.Paginator
to the SDK then baking it specifically into any given component. I know
I've run into needing one of these before, but I'm not sure everyone has
the same idea for how the view should operate on one of these.

Alex Harui wrote:
> A new message was posted by Alex Harui in
>
> *Developers* --
> Flex DataGrid pagination
>
> All bugs and enhancements go in at bugs.adobe.com/jira.
>
>
>
> I dont know if there are other existing third party solutions. The
> article you cited might be a place to start. You can also ask on
> FlexCoders
>
>
>
> *From:* Alex Cougarman [mailto:member@adobeforums.com]
> *Sent:* Wednesday, August 27, 2008 2:11 PM
> *To:* flexsdk-dev@adobeforums.com
> *Subject:* Re: Flex DataGrid pagination
>
>
>
> A new message was posted by Alex Cougarman in
>
> *Developers* --
> Flex DataGrid pagination
>
> Thanks. Yes, the paging of data would be important. If you know of 3rd
> party components that do this, please let me know.
>
> Also, should I post the enhancement request here?
> http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
>
> Thanks again.
>
> ------------------------------------------------------------------------
>
> View/reply at Flex DataGrid pagination
>
> Replies by email are OK.
> Use the unsubscribe
>
> form to cancel your email subscription.
>
>
>
> -------------------------------------------------...

> Replies by email are OK.
> Use the unsubscribe
>
> form to cancel your email subscription.
>

Report · Aug 28, 2008

Thanks, everyone. I posted a feature request here: https://bugs.adobe.com/jira/browse/FLEXDMV-1860

Report · Feb 07, 2009

Alex,

You could utilize the ICollectionView for data providers and implement paging at the collection. This way, you utilize scrolling in the DataGrid for page navigation. That is what I have done. However, please see patches SDK-16847, SDK-16895, and issue SDK-16846 (rare, but happens).

Brian

Report · Jan 27, 2010

Please feel free to check out http://www.flexicious.com. This is an extension to the Flex DataGrid/Advanced DataGrid components that provide pagination, filter, footer, Select All, support out of the box, in addition to a host of other features.

Report · May 26, 2010

thanks