This has actually opened up a can of worms that I wasn't expecting. Here is the code that does most of what you want:
<canvas debug="true" height="800" width="800">
<debug height="400" width="400" x="300"/>
<dataset name="foo">
<pages>
<page name="page 1"/>
<page name="page 2">
<page name="page 2, sub page 1"/>
<page name="page 2, sub page 2">
<page name="sub page2, sub page 1"/>
<page name="sub page2, sub page 2"/>
</page>
</page>
<page name="page 3">
<page name="page 3, sub page 1">
<page name="page 3, sub page 1, sub page 1"/>
</page>
</page>
<page name="page 4"/>
</pages>
</dataset>
<class bgcolor="0xe5e5e5" name="recursor" clickable="true">
<attribute name="haschildren" value="false"/>
<method event="ondata"><![CDATA[
if( this.datapath.getNodeCount() ){
this.setAttribute( 'haschildren' , true );
}
]]></method>
<method event="onclick">
this.toggleVisibility();
</method>
<method name="toggleVisibility">
<![CDATA[
if ( this.smelly ) {
if ( this.smelly.getNodeCount() ) {
// smelly is a LzReplicationManager
for ( var i=0; i < this.smelly.getNodeCount(); i++ ) {
var firstClone = this.smelly.getCloneNumber( i );
firstClone.setVisible( !firstClone.visible );
}
} else {
// smelly is just a view, because there is only one
this.smelly.setVisible( !this.smelly.visible );
}
}
]]>
</method>
<simplelayout/>
<!-- This is the visible portion -->
<view>
<simplelayout axis="x" spacing="5"/>
<!-- The tag name -->
<text datapath="name()" name="nm" resize="true"/>
<!-- The value of the "name" attribute -->
<text datapath="@name" name="item_name" resize="true"/>
</view>
<!-- This is a workaround for a bug in the LPS that causes an
infinite loop if you try to set a datapath to * when there are
no child nodes. This will be fixed eventually and you won't
have to use a state -->
<state name="childstate">
<!-- Notice new attribute constraint syntax below: -->
<attribute value="${classroot.haschildren}" name="apply"/>
<!-- ********** note addition of "visible" and "bgcolor" attributes ********* -->
<recursor name="smelly" bgcolor="white" datapath="*" x="10"
visible="true" />
</state>
</class>
<simplelayout axis="y" spacing="2"/>
<recursor datapath="foo:/pages/page"/>
</canvas>
... and now for the pain:
In LZX, when a view has a datapath that matches more than once, it becomes an instance of LzReplicationManager (docs: http://www.laszlosystems.com/developers/learn/documentation/lzxref/replicationmanager.php). If it's datapath matches only once, then it is just a view.
As a view, it has the setVisible() method, but a LzReplicationManager, on the other hand does not. Instead, you have to talk to the individual cloned views that the LzReplicationManager manages.
In the above example, if there is just one subpage, you can turn its visibility on or off using smelly.setVisible(). However if it has two or more subpages, then smelly is an instance of LzReplicationManager, and we have to loop through it's cloned views by getting a pointer to each one in turn using getCloneNumber( n ), then turning the visibility on or off for it.
Since a LzReplicationManger has a getCloneNumber() method and a view does not, I used that to test if it was a LzReplicationManager, or a view.
I'm going to file a bug on this, but in the meantime, the code I gave you will work.
Now you wanted them all closed at first. This is a bit trickier, because if you make smelly invisible at the start, you will catch every other view. Instead you need to make the entire recursor class invisible (and the smelly class too) (I haven't done this - I'll leave that one to you to try first), and keep track of the depth of recursion using an attribute of the class. Then turn it's visibility on if it is one of the top level pages only. From there, just affect smelly, don't call setvisible on the view.
If you get stuck, let me know!
Finally, have a look here for how to mark up code when posting - it helps preserve the whitespace. I edited your post myself and added the code tags:
http://www.laszlosystems.com/developers/community/forums/misc.php?action=bbcode#buttons
-Antun