1

フレックスで動的にレンダリングされるデータグリッドアイテムに画像を追加しようとしています。

これが私のDataGridコードです

getImagePath 関数の「str」の値は正しいです。

<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml"
             doubleClickEnabled="true">
    <mx:Script>
        <![CDATA[
            private function userLabelFunction(item:Object, column:DataGridColumn):String
            {
                return item.user.username;
            }

            private function getImagePath(item:Object, column:DataGridColumn):String
            {
                var str:String=item.track["artwork-url"]

                if (str == "")
                {
                    str=item.user["avatar-url"];
                }

                return str;

            }
        ]]>
    </mx:Script>
    <mx:columns>
        <mx:DataGridColumn dataField="artwork-url"
                           headerText="Art"
                           itemRenderer="components.content.contents.datagrids.ImageRenderer"
                           labelFunction="getImagePath"/>
        <mx:DataGridColumn dataField="title"
                           headerText="Title"
                           minWidth="100"/>
        <mx:DataGridColumn dataField="user"
                           headerText="User"
                           labelFunction="userLabelFunction"/>
        <mx:DataGridColumn dataField="bpm"
                           headerText="BPM"/>
    </mx:columns>
</mx:DataGrid>

その画像の URL 値をアイテム レンダラーに取得できません

私はそのように設定されたデータプロパティをオーバーライドしようとしました

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
         height="60"
         verticalAlign="top"
         creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import components.content.contents.containers.ContentContainerSoundCloud;
            import mx.core.Application;
            import mx.controls.dataGridClasses.DataGridColumn;
            import com.adobe.viewsource.ViewSource;

            [Bindable]
            public var imgPath:String;

            private function init():void
            {

            }
            override public function set data(value:Object):void
                    {
                        super.data = value.track["artwork-url"];

                        imgPath =super.data.valueOf()
                        trace(imgPath)

                    }
        ]]>
    </mx:Script>

    <mx:Image source="{imgPath}" id="rowimage"/>
</mx:HBox>

しかし、そうすることで、トレース出力は次のようになります

<artwork-url>
  <mx_internal_uid>7C98E149-1984-584C-7600-AD8940BF2A9C</mx_internal_uid>
</artwork-url>

set data の「value」プロパティが get imagePathFunction から送信した文字列を受け取ることを期待していましたが、実際には XMLList 全体が返されます。

私は何を間違っていますか？

4

1 に答える 1

3

トレース出力に基づいて、dataProvider から間違った値を取得してソースとして設定しているようです。実際のデータを見ないと、正確な問題が何であるかを知ることは困難です。

そうは言っても、itemRenderer を少し作り直します。まず、HBox に単一の画像を配置する必要はありません。画像を使用するだけです。また、Renderer で高さを指定する必要はありません。DataGrid がそのような配置を処理する必要があります。

コードが含まれていないため、creationComplete リスナーも削除しました。バインディングを使用する代わりに、データ セット メソッドでコンポーネントに soruce プロパティを設定するだけです。また、処理された値ではなく、値に super.data を設定しました。値のソースを設定するときに処理を実行しました。更新されたコードは次のようになります。

<?xml version="1.0" encoding="utf-8"?>
<mx:Image xmlns:mx="http://www.adobe.com/2006/mxml"
         >
    <mx:Script>
        <![CDATA[
            import components.content.contents.containers.ContentContainerSoundCloud;
            import mx.core.Application;
            import mx.controls.dataGridClasses.DataGridColumn;
            import com.adobe.viewsource.ViewSource;

            [Bindable]
            public var imgPath:String;

            override public function set data(value:Object):void
                    {
                        super.data = value;

                        this.source =value.track["artwork-url"];
                        trace(imgPath)

                    }
        ]]>
    </mx:Script>

</mx:Image>

itemRenderers で私が好む方法は、dataChange イベントをリッスンすることですが、これは個人的な好みです。データセットメソッドをオーバーライドしても問題はありません。

于 2010-07-07T16:09:51.110 に答える