Known Participant

Question

Flex DataGrid pagination

Forum|Forum|17 years ago
August 27, 2008
11 replies
20518 views

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

Developers

This topic has been closed for replies.

J

jack_sol2003

Participant

thanks

F

Flexicious-12vHYo

Participant

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.

_

_Brian_A_Curtis_

Participating Frequently

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

A

ac361Author

Known Participant

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

_

_Sean_Christmann_

Participating Frequently

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.
>
>
>
> ------------------------------------------------------------------------
> View/reply at Flex DataGrid pagination
>
> Replies by email are OK.
> Use the unsubscribe
>
> form to cancel your email subscription.
>

_

_Alex_Harui_

Participating Frequently

<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>

_

_Peter_deHaan_

Participating Frequently

<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>

A

ac361Author

Known Participant

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.

_

_Alex_Harui_

Participating Frequently

<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>

A

ac361Author

Known Participant

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.

Show more replies

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded