Display Tree Structure with Button Renderers

ok, here's i'm trying do:

i have flat array collection of data cf query result. this:

catnametxt subcatnametxt reportnametxt
------------------------------ ------------------------------ ----------------------------
main custom rpt 1
main custom rpt 2
main template rpt 3
main template rpt 4
main template rpt 5
other canned rpt 6
other canned rpt 7
other canned rpt 8


i want display data in tree structure, bottom-most node in tree displayed button:

- main
- custom
(rpt 1)
(rpt 2)
- template
(rpt 3)
...


i using advanceddatagrid component 1 column, because not figure out way button item renderer work tree component.

i converting array collection hierarchical data object, placing value of each column in new object property, , using property datafield adg column. works smaller sets of data, but, when use larger set of data, weird things start happening. basically, when open node, data displayed correctly. however, if open node, seems "borrow" data first node. then, if there large amount of nodes in open node, , scroll down, button nodes shift around - node @ teh top of list moves middle, moves again, scroll.

does have suggestions me? i'm willing redesign make work. please help.

thank you.

i need this....

this arraycollection looks before create hierarchicaldata object it:

nametxt: 'main', children:
---{[nametxt: 'custom', children:
------{
------[nametxt: 'rpt1', nametxt: 'rpt2']
------}
---]}

thank you.

More discussions in Flex (Read Only)

adobe