如何在flex中显示分组数据？

Question

<图洛克塞特> <图洛斯>xx1<组>xxx <图洛斯>xx2<组>xxx <图洛斯>xx3<组>yyy

我试图在没有 AdvancedDataGrid 的情况下在应用程序上显示类似的内容。

组 xxx

<代码><复选框> id
<代码><复选框> id

组 yyy

; id
<代码><复选框> id
....

Answer 1

您可以使用嵌套中继器和 e4x 来完成此操作。我不知道 e4x 中获取唯一组名称的方法，但您可以使用 ActionScript 包装函数来实现。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Script>
        <![CDATA[

            private static function Unique(list:XMLList):XMLList 
            {
                var found:Object = new Object();
                var output:XML = <root />;

                for each(var node:XML in list) 
                {
                    var value:String = node.text().toString();
                    if (!found[value]) 
                    {
                        output.appendChild(node.copy());
                        found[value] = true;                    
                    }
                }
                return output.children();
            }
        ]]>
    </mx:Script>

    <mx:XML id="inputData" >  
        <Tulokset>  
            <Tulos>  
                <id>xx1</id>  
                <group>xxx</group>  
            </Tulos>  
            <Tulos>  
                <id>xx2</id>  
                <group>xxx</group>  
            </Tulos>  
            <Tulos>  
                <id>xx3</id>  
                <group>yyy</group>  
            </Tulos>  
        </Tulokset> 
    </mx:XML>

    <mx:Repeater id="groupRepeater" dataProvider="{Unique(inputData.Tulos.group)}">
        <mx:Label text="{groupRepeater.currentItem}" fontWeight="bold" />
        <mx:Repeater id="tulosRepeater" dataProvider="{inputData.Tulos.(group==groupRepeater.currentItem)}">
            <mx:Label text="{XML(tulosRepeater.currentItem).id}" />
        </mx:Repeater>
    </mx:Repeater>
</mx:Application>