first of all a big respect for this blog.

Got also problems with the vertical scrolling….

Here is nice tutorial for a tree with amfPHP (http://www.sephiroth.it/tutorials/fl…fphp/index.php)

i’ve used it for my app, but running into some trouble now, with the scrollbars, what i really didn’t expect!!

here you can see the app and the source code:
http://www.rootop.de/testing/TestTree.html

it’s all german, so when you click on Enomis -> Einzelstoffe->Obst , then there appears a scrollbar for a short time and then disappears again, even if there are more branches… it really makes me mad.. i tried serveral function like..

//scroll always to bottom, otherwise, only the items are shown, that are in the visible area
tree.verticalScrollPosition=tree.maxVerticalScroll Position;

tree.invalidateList();

tree.validateNow();

but nothing really works. the general problem is, that i don’t know when flex display the scrollbar and when not. because in some cases it works.
so, if there is a solution or a workaround, i would be very happy. thanks in advance. kind regards, peter

You can reproduce the problem by just compile the second sample in Flex SDK 2.0.1 and click “Open some nodes”, and the vertical scrollbar will not show!

var xList:XMLList = dp..node.(hasOwnProperty(”@isOpen”) && @isOpen == “true”)

you use the ‘..’ e4x operator to look for node elements with @isOpen attribute and @isOpen is true.

If your XML elements were not but a collection with different localnames, how could you find all elements with @isOpen attributes

var xList:XMLList = dp..(hasOwnProperty(”@isOpen”) && @isOpen == “true”)

doesn’t compile. I’ve tried all sorts of things but can’t figure out the e4x equivalent to xpath’s ‘//*[@attr]’

Thanks,
Craig

Are you sure that this last code of your response is working? When i copy into my Flex Builder 3 (Milestone 3 Beta 2) and execute it via Internet Explorer, if i click “Open All” button, Washington and Florida dont show and the scrollbars also dont show, so you have reproduced my problem perfectly with this example!!

I can´t find a solution for now. I also set the verticalScrollPolicy to “on” but dont work. If i can find a solution, ill tell you.

Thanks and sorry for my poor english

Luis Alcalá

I can’t seem to reproduce the issue. Using the code from the code from the example above (second example, the first example doesn’t have enough data to cause scroll bars to appear), the scrollbars are displaying when I expand the nodes. I even created a bigger data set (code below) and the scrollbars appear correctly also.

Also, you could try explicitly setting the verticalScrollPolicy property to “on” for the Tree and see if that fixes the issue.

I’m using Flex 3 SDK Version 191831. Are you using Flex 2.0.1 or the Flex 3 beta?

If you think it is a bug, can you file a bug report at http://bugs.adobe.com/flex/ and include your source code (or a simple test case showing the behavior) and myself or somebody else can take a look at it.

Thanks,
Peter

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/01/15/expanding-nodes-in-a-flex-tree-control-using-the-openitems-property/ –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
        layout=”vertical”
        verticalAlign=”middle”
        backgroundColor=”white”>

    <mx:Script>
        <![CDATA[
            import mx.utils.ObjectUtil;

            private function openAll():void {
                var items:XMLList = xmlDP..node.(children().length() > 0);
                tree.openItems = items;
            }

            private function closeAll():void {
                tree.openItems = [];
            }
        ]]>
    </mx:Script>

    <mx:XML id=”xmlDP”>
        <root>
            <node label=”American League”>
                <node label=”West”>
                    <node label=”Los Angeles” />
                    <node label=”Seattle” />
                    <node label=”Oakland” />
                    <node label=”Texas” />
                </node>
                <node label=”Central”>
                    <node label=”Cleveland” />
                    <node label=”Detroit” />
                    <node label=”Minnesota” />
                    <node label=”Chicago” />
                    <node label=”Kansas City” />
                </node>
                <node label=”East”>
                    <node label=”Boston” />
                    <node label=”New York” />
                    <node label=”Toronto” />
                    <node label=”Baltimore” />
                    <node label=”Tampa Bay” />
                </node>
            </node>
            <node label=”National League”>
                <node label=”West”>
                    <node label=”Arizona” />
                    <node label=”Colorado” />
                    <node label=”San Diego” />
                    <node label=”Los Angeles” />
                    <node label=”San Francisco” />
                </node>
                <node label=”Central”>
                    <node label=”Chicago” />
                    <node label=”Milwaukee” />
                    <node label=”St. Louis” />
                    <node label=”Houston” />
                    <node label=”Cincinnati” />
                    <node label=”Pittsburgh” />
                </node>
                <node label=”East”>
                    <node label=”Philadelphia” />
                    <node label=”New York” />
                    <node label=”Atlanta” />
                    <node label=”Washington” />
                    <node label=”Florida” />
                </node>
            </node>
        </root>
    </mx:XML>

    <mx:ApplicationControlBar dock=”true”>
        <mx:Button label=”Open all” click=”openAll();” />
        <mx:Button label=”Close All” click=”closeAll();” />
    </mx:ApplicationControlBar>

    <mx:Tree id=”tree”
            dataProvider=”{xmlDP}”
            labelField=”@label”
            showRoot=”false”
            width=”300″
            height=”100%”
            verticalScrollPolicy=”auto” />

</mx:Application>

Lets talk about this post and see if you or other reader can help me.

Imagine that my tree is embedded into a panel. (You can see my flex page about sanish accounting software in this comment link. Section “El Plan de Cuentas)

If i use your system to open all nodes, the content of the tree will go own from the content of the panl, but the panel is not showing me the scroll bar. Otherwise, expanding tree nodes 1 by 1 the panel show the scrolling bar when the size is not enough.

Thanks and great Job!