Comments on: Resizing a Flex List control using the rowCount property http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 19:26:49 +0000 hourly 1 By: Jonathan Campos http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-7456 Jonathan Campos Wed, 07 Apr 2010 22:04:16 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-7456 Peter, What if I wanted a mx:List to have more rows than what was in the dataprovider? Such as having 50 rows (and therefore a large scrollbar) even if there are only 10 items. I could add 40 null items (to the 10 real items) but that seems ridiculous. I'd also want to be able to still scroll up and down and get the correct scroll indexes. Have you done this before? Peter,

What if I wanted a mx:List to have more rows than what was in the dataprovider? Such as having 50 rows (and therefore a large scrollbar) even if there are only 10 items. I could add 40 null items (to the 10 real items) but that seems ridiculous. I’d also want to be able to still scroll up and down and get the correct scroll indexes.

Have you done this before?

]]> By: Kevin B. http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-7131 Kevin B. Sat, 27 Feb 2010 13:56:20 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-7131 I was also struggling with dynamic height of the list control and than found this post: http://www.sdfug.org/san-diego-flash-users-group/flex/flex-list-items-with-dynamic-heights/. When you have a list with items of variable rowheight it's better not to rely on the rowcount property, but you can change the height of the list using the measureHeightOfItems() method like this: <pre lang="mxml"> <mx:List render="event.target.height=event.target.measureHeightOfItems()+event.+ target.viewMetrics.top+target.viewMetrics.bottom;" /> </pre> Hope this helps. I was also struggling with dynamic height of the list control and than found this post: http://www.sdfug.org/san-diego-flash-users-group/flex/flex-list-items-with-dynamic-heights/. When you have a list with items of variable rowheight it’s better not to rely on the rowcount property, but you can change the height of the list using the measureHeightOfItems() method like this:

<mx:List render="event.target.height=event.target.measureHeightOfItems()+event.+ target.viewMetrics.top+target.viewMetrics.bottom;" />

Hope this helps.

]]> By: Kevin http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-6724 Kevin Tue, 05 Jan 2010 01:33:07 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-6724 When I put a List inside a HDividedBox, and then I set the widths of the Lists to 100% I find that the horizontal scroll bars fail to appear properly. This also happens when it is nested in another container. Is there a way to do this? Below is an example of the problem. Try adjusting the divider so that the list is too narrow to fit the text: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal"> <mx:Panel title="HDividedBox Container Example" width="90%" height="90%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <mx:Text width="100%" color="blue" text="Drag the divider side to side to resize the children."/> <mx:HDividedBox width="100%" height="100%"> <mx:List> <mx:dataProvider> <mx:Array> <mx:Object label="A string that is kinda long." /> <mx:Object label="A string that is kinda long." /> <mx:Object label="A string that is kinda long." /> </mx:Array> </mx:dataProvider> </mx:List> <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF"> <mx:List x="0" y="26" width="100%"> <mx:dataProvider> <mx:Array> <mx:Object label="A string that is kinda long." /> <mx:Object label="A string that is kinda long." /> <mx:Object label="A string that is kinda long." /> </mx:Array> </mx:dataProvider> </mx:List> </mx:Canvas> </mx:HDividedBox> </mx:Panel> </mx:Application> </pre> When I put a List inside a HDividedBox, and then I set the widths of the Lists to 100% I find that the horizontal scroll bars fail to appear properly. This also happens when it is nested in another container. Is there a way to do this?

Below is an example of the problem. Try adjusting the divider so that the list is too narrow to fit the text:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
 
    <mx:Panel title="HDividedBox Container Example" width="90%" height="90%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
 
        <mx:Text width="100%" color="blue" text="Drag the divider side to side to resize the children."/>
 
        <mx:HDividedBox width="100%" height="100%">
 
            <mx:List>
                <mx:dataProvider>
                    <mx:Array>
                        <mx:Object label="A string that is kinda long." />
                        <mx:Object label="A string that is kinda long." />
                        <mx:Object label="A string that is kinda long." />
                    </mx:Array>
                </mx:dataProvider>
            </mx:List>
 
            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
                <mx:List x="0" y="26" width="100%">
                    <mx:dataProvider>
                        <mx:Array>
                            <mx:Object label="A string that is kinda long." />
                            <mx:Object label="A string that is kinda long." />
                            <mx:Object label="A string that is kinda long." />
                        </mx:Array>
                    </mx:dataProvider>
                </mx:List>
            </mx:Canvas>
 
        </mx:HDividedBox>
 
    </mx:Panel>
 
</mx:Application>
]]> By: Jody LeBlanc http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-4629 Jody LeBlanc Mon, 20 Jul 2009 02:30:05 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-4629 Hi Chris, The list component lists items from a Data Provider - it doesn't restrict or validate the data provider, just enumerate the children of that provider. You'd need to programmaticly limit it - if (dataProvider.length > 3) return; Hi Chris,

The list component lists items from a Data Provider – it doesn’t restrict or validate the data provider, just enumerate the children of that provider. You’d need to programmaticly limit it -
if (dataProvider.length > 3) return;

]]> By: Chris http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-1692 Chris Thu, 16 Apr 2009 08:40:51 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-1692 does somebody know how to put a maximum limit to a list ? I want to do a list where you can only put 3 elements, not more, but I don't find any properties in the documentation of the class to do so... does somebody know how to put a maximum limit to a list ?
I want to do a list where you can only put 3 elements, not more, but I don’t find
any properties in the documentation of the class to do so…

]]> By: JSM http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-1698 JSM Tue, 10 Mar 2009 19:11:35 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-1698 I, too, have the problem of rowCount not working with rows of varying heights. PLEASE -- any work-around? I, too, have the problem of rowCount not working with rows of varying heights. PLEASE — any work-around?

]]> By: Peter deHaan http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-1695 Peter deHaan Wed, 21 Jan 2009 07:13:25 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-1695 flexer, Can you please file a bug in the Flex bug base at http://bugs.adobe.com/flex/ and post the bug number here so a few of us can vote/subscribe. Thanks, Peter flexer,

Can you please file a bug in the Flex bug base at http://bugs.adobe.com/flex/ and post the bug number here so a few of us can vote/subscribe.

Thanks,
Peter

]]> By: flexer http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-1697 flexer Tue, 20 Jan 2009 06:42:38 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-1697 has anyone noticed that when adding a list to a popupmanager or changing display containers the rows get larger even though they read out as the same height? for whatever reason setting rowHeight again after its been reparented fixes. has anyone noticed that when adding a list to a popupmanager or changing display containers the rows get larger even though they read out as the same height?

for whatever reason setting rowHeight again after its been reparented fixes.

]]> By: Scheich http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-1699 Scheich Tue, 06 Jan 2009 16:40:25 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-1699 I have the same problem Hilger describes. Resizing a list with variable row heights does not work. Flex seems to resize the list only with (height of the first entry)*rowCount. Is there a workaround for this? I have the same problem Hilger describes. Resizing a list with variable row heights does not work. Flex seems to resize the list only with (height of the first entry)*rowCount.

Is there a workaround for this?

]]> By: Jules http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/comment-page-1/#comment-1696 Jules Wed, 24 Dec 2008 10:49:34 +0000 http://blog.flexexamples.com/2007/10/28/resizing-a-flex-list-control-using-the-rowcount-property/#comment-1696 Thanks for your help Peter, I'll checkout this link. As a workaround, I 've set the rowCount property to 1, when the dataProvider becomes empty. Thanks for your help Peter, I’ll checkout this link. As a workaround, I ‘ve set the rowCount property to 1, when the dataProvider becomes empty.

]]>