5

itemRendererのDataGridColumnのdataFieldに到達しようとしています。以下はdataGridです。

<mx:Script>
    <![CDATA[
        [Bindable] public var weeksOfMoth:ArrayCollection = new ArrayCollection([
                {monday:30, tuesday:31, wednesday:1, thursday:2, friday:3, saturday:4, sunday:5},
                {monday:6, tuesday:7, wednesday:8, thursday:9, friday:10, saturday:11, sunday:12},
                {monday:13, tuesday:14, wednesday:15, thursday:16, friday:17, saturday:18, sunday:19}, 
                {monday:20, tuesday:21, wednesday:22, thursday:23, friday:24, saturday:25, sunday:26}, 
                {monday:27, tuesday:28, wednesday:29, thursday:30, friday:1, saturday:2, sunday:3}
            ]);
    ]]>
</mx:Script>
<mx:DataGrid dataProvider="{weeksOfMoth}" >
    <mx:columns>
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="monday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="tuesday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="wednesday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="thursday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="friday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="saturday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="sunday" />
    </mx:columns>
</mx:DataGrid>

そしてこれは私のItemRendererです：

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" >
    <mx:Box >

                    <!-- How do I get the dataField here?? -->
        <mx:Label text="{data[dataField]}" /> 
    </mx:Box>
</mx:Canvas>

itemRendererのsetdata関数で、1週間全体を受け取りますが（これは問題ありません）、dataFieldが不明なため、itemRendererはどの日を使用するかわかりません。itemRendererでこのdataFieldに到達する方法を知っている人はいますか？

4

6 に答える 6

7

www.Flextras.com のコメントは、解決策を見つけるのに役立ちました。確かに を使用できますlistData.dataFieldが、最初にIDropInListItemRendererクラスを実装する必要があります。

最終ItemRenderer：

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" implements="mx.controls.listClasses.IDropInListItemRenderer" >
    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.controls.listClasses.BaseListData;


            // Internal variable for the property value.
            private var _listData:DataGridListData;

            // Make the listData property bindable.
            [Bindable("dataChange")]

            // Define the getter method.
            public function get listData():BaseListData
            {
              return _listData;
            }

            // Define the setter method,
            public function set listData(value:BaseListData):void
            {
              _listData = DataGridListData(value);
            }

        ]]>
    </mx:Script>
    <mx:Box width="80%" height="80%" verticalCenter="0" horizontalCenter="0" backgroundColor="#FFFFFF">
        <mx:Label text="{data[_listData.dataField]}" />
    </mx:Box>
</mx:Canvas>
于 2010-08-20T12:14:17.260 に答える
3

レンダラーに渡されるDataGridListDataクラスを使用します。dataFieldプロパティが含まれています。

私はこれがうまくいくと確信しています：

<mx:Label text="{data[listData.dataField]}" />
于 2010-08-20T11:45:21.373 に答える
2

IDropInListItemRendererを実装する必要はありません。これで十分です：

data[ ( listData as DataGridListData ).dataField ]

具体的なlistDataのタイプはDataGridListDataですが、レンダラーはさまざまなシナリオで使用できるため、プロパティ自体はBaseListDataにタイプされます。ただし、このシナリオでは、DataGridListDataであることがわかっているため、単純にキャストしてdataFieldプロパティにアクセスできます。

于 2010-10-05T09:46:27.733 に答える
0

さらに簡単：プロパティを使用するだけ

  • advancedDataGridListDataMXAdvancedDataGridItemRenderersで

  • dataGridListDataMXDataGridItemRendererで

    その情報にアクセスします。

于 2012-02-03T09:36:29.160 に答える
0

以下は、MX AdvancedDataGrid の Spark ベースのアイテム レンダラーで機能します。

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                                  xmlns:s="library://ns.adobe.com/flex/spark" 
                                  xmlns:mx="library://ns.adobe.com/flex/mx"
                                  width="100%"
                                  >
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[               
            import mx.controls.dataGridClasses.DataGridListData;

            override public function set data( value:Object):void {             
                var latency:Number = value[ ( this.listData as DataGridListData).dataField] as Number;

                lbl.text = Utils.formatLatency( latency);
                if( latency > 1000000) { // 1s => error
                    lbl.setStyle( "backgroundColor", 0xFF8080);
                } else if( latency > 100000) { // 100ms => warning
                    lbl.setStyle( "backgroundColor", 0xFFFF80);
                } else if( latency > 0){ // low latency
                    lbl.setStyle( "backgroundColor", 0x80FF80);
                }
            }
        ]]>
    </fx:Script>
    <s:Label id="lbl" width="100%" height="100%" verticalAlign="middle" textAlign="right" paddingRight="5"/>
</s:MXAdvancedDataGridItemRenderer>
于 2011-12-29T17:39:24.020 に答える