使用 XML 数据提供程序进行 Horizo​​ntallist 控制

Question

我使用 Horizo​​ntalList 控件和 XML 文件作为数据提供程序。 这就是 XML 的外观：

<data>
    <zone name="Europe">
        .
        .
        .
    </zone>
    <zone name="Japan">
        <stores>
            .
            .
            .
        </stores>
        <collections>
            <collection id="id1">
                <name>xxx</name>
                <model>xxx</model>
                <hierarchy>xxx</hierarchy>
                <thumbnail>assets/xxx.PNG</thumbnail>
            </collection>
            <collection id="id1Bis">
                <name>xxx</name>
                <model>xxx</model>
                <hierarchy>xxx</hierarchy>
                <thumbnail>assets/xxx.PNG</thumbnail>
            </collection>
            <collection id="id2">
                <name>xxx</name>
                <model>xxx</model>
                <hierarchy>xxx</hierarchy>
                <thumbnail>assets/xxx.PNG</thumbnail>
            </collection>
            <collection id="id2Bis">
                <name>xxx</name>
                <model>xxx</model>
                <hierarchy>xxx</hierarchy>
                <thumbnail>assets/xxx.PNG</thumbnail>
        </collections>
        <clarities>
            .
            .
            .
        </clarities>
    </zone> 
</data>

这就是我的控件的外观

<mx:XML id="data" source="assets/SOD_division.xml"/>

<mx:HorizontalList 
    dataProvider="{data.division.(@name=='Japan').collections}"
    columnCount="2"
    itemRenderer="Renderer"
    width="500"
    horizontalScrollPolicy="off"
    />

我尝试使用对象数组作为数据提供者。项目渲染器工作并且水平列表的行为符合我的预期。 但是，当我使用 xml 文件时，它是空的...

我不知道为什么它不起作用...-_-'...

感谢您提供的任何帮助 =)

问候， BS_C3

Answer 1

我注意到的第一件事是您的 DP 设置为：

dataProvider="{data.division.(@name=='Japan').collections}"

但这不是 XML 的结构。通过遵循您的 XML 示例，您的 DP 应该是：

dataProvider="{data.zone.(@name=='Japan').collections}"

现在，当您可能需要 XMLList 对象时，将返回一个 XML 对象，在这种情况下，您的 DP 应该是

dataProvider="{data.zone.(@name=='Japan').collections.collection}"

或者如果您不关心子项的本地名称：

dataProvider="{data.zone.(@name=='Japan').collections.children()}"