Как отобразить список продуктов из XML-файла в Adobe Flex - PullRequest
Новая
       5

Как отобразить список продуктов из XML-файла в Adobe Flex

0 голосов
/ 08 ноября 2011

У меня есть HTML-файл со следующим кодом в качестве списка продуктов 

<productstore>
    <product id='A1'>
    <image lbl="Apple" src="assets/apple.png" />
    <price>$11.00</price>
    <description>Keeps doctor away</description>
    <code>ap01</code>
    </product>
</productstore>

Я хочу отобразить изображение с именем и ценой на холсте (Flex с Flash Builder 4.5). Я следовал примеру, приведенному в ссылке http://blog.flexexamples.com/2008/03/08/creating-a-simple-image-gallery-with-the-flex-tilelist-control/

<mx:XML id="xml" source="prod.xml" />
    <mx:XMLListCollection id="xmlListColl" source="{xml.image}" />
    <mx:TileList id="tileList" x="492" y="10" width="255" height="316" columnCount="2"
                 columnWidth="125" dataProvider="{xmlListColl}"
                 itemRenderer="TileListItemRenderer" rowCount="4" rowHeight="100"
                 verticalScrollPolicy="on"/>

Также модификация, на которую я смотрю, - это добавление dragAccept, а не событие click, в отличие от примера.

Это мой TileListItemRenderer 

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
             x="492" y="10" width="255" height="316" 
         horizontalAlign="center"
         verticalAlign="middle">

    <mx:Image source="{data.@src}" />

    <mx:Label text="{data.@lbl}" />

</mx:VBox>

Когда я создаю и запускаю список пуст, не уверен, что мне не хватает. Любая помощь будет оценена.

Я сейчас изменил код, пытаясь реализовать следующую ссылку, и снова застрял: http://blog.flexexamples.com/2008/03/29/dynamically-loading-xml-files-using-the-httpservice-tag/

main.mxml 

    private function init():void
                {
                    var srcUrl:String = FlexGlobals.topLevelApplication.application.parameters.srcUrl;
                    if(srcUrl) {
                        ViewSource.addMenuItem(this, srcUrl);
                    }
                    loadProducts('prod.xml');
                }

                private function loadProducts(src:String):void {
                    httpService.url = src;
                    httpService.send();
                }
private function httpService_result(evt:ResultEvent):void {
                var xmlList:XMLList = XML(evt.result).product.image;
                xmlListColl = new XMLListCollection(xmlList);
            }

Itemrenderer 

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
         x="492" y="10" width="255" height="316" >

    <mx:Image source="{data.image}" />

    <mx:Label text="{data.name}" />

</mx:Canvas>

XML 

<productlist>
        <product>
        <name>Apple</name>
        <image>assets/apple.png</image>
        <price>$11.00</price>
        <description>Keeps doctor away</description>
        <code>ap01</code>
        </product>
    </productstore>

Все еще не повезло ....

1 Ответ

0 голосов
/ 08 ноября 2011

Переменная {data} связана с узлом xml. Итак, если вы хотите сослаться на значение src, правильное выражение привязки должно быть: 

{data.image.@src}

Попробуйте и сообщите нам о результатах.

...