Динамическое назначение источника изображения в средстве визуализации элементов не работает в Flex / AS3 - PullRequest
Новая
       12

Динамическое назначение источника изображения в средстве визуализации элементов не работает в Flex / AS3

2 голосов
/ 23 октября 2009

У меня есть средство визуализации пользовательских элементов, отображающее изображения: 

<mx:DataGrid dataProvider="{friends.friend}" id="friendsGrid" width="240" 
        rowCount="3" variableRowHeight="true" headerHeight="0" 
        horizontalCenter="true" backgroundAlpha="0" borderThickness="0"
        useRollOver="false" selectable="false">
        <mx:columns>

            <mx:DataGridColumn width="80" paddingLeft="20">
                <mx:itemRenderer>
                    <mx:Component>
                        <mx:HBox height="50" horizontalAlign="center" 
                            verticalAlign="middle" horizontalScrollPolicy="off" verticalScrollPolicy="off">
                            <mx:Image  source="{outerDocument.getProfilePic(data)}"/>
                        </mx:HBox>
                    </mx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>

        </mx:columns>
    </mx:DataGrid>

И функция getProfilePic: 

public function getProfilePic(data:Object):String{
                if(String( data.image_path.text() ) == ""){
                    return "../assets/no_profile_pic.png";
                }else{
                    return data.image_path;
                }
            }

Проблема в том, что когда я присваиваю изображение без профиля, оно не отображается. Я получаю этот забавно выглядящий значок "изображение не может быть найдено" на месте. Если я помещаю изображение в ../assets на моем сервере, изображение появляется. Встраивание является более идеальным. Итак, вопрос ... как мне вставить изображение в этом случае?

1 Ответ

3 голосов
/ 23 октября 2009

Может быть попробовать это: 

<mx:itemRenderer>
    <mx:Component>
        <mx:HBox height="50" horizontalAlign="center" verticalAlign="middle" horizontalScrollPolicy="off" verticalScrollPolicy="off">
            <mx:Script>
                <![CDATA[
                    override public function set data(value:Object):void
                    {
                        super.data = value;

                        if(String(data.image_path.text()) == ""){
                            profileImage.load("../assets/no_profile_pic.png");
                        }
                        else{
                            profileImage.load(data.image_path);
                        }
                    }
                ]]>
            </mx:Script>

            <mx:Image id="profileImage" />
        </mx:HBox>
    </mx:Component>
</mx:itemRenderer>
...