Ändern Sie die text-Farbe in einem datagrid-Zeile, die auf bestimmten Zustand in der AIR-Anwendung in flex 4

Möchte ich den text ändern der Farbe von der datagrid-Zeile auf, insbesondere Zustand sind, dh.
ich bin der überprüfung einer Bedingung.Wenn das erfüllt dann muss ich den text ändern der Farbe von jedem
Zelle, d.h. die gesamte Zeile.

Hier ist der code,

private function resultHandlerGrid(event:ResultEvent):void{     

    arrc1 = ArrayCollection(event.result);

    adg1.addEventListener(  ListEvent.ITEM_CLICK,getValue);

    }
private function getValue(e:ListEvent):void{



if(e.itemRenderer.data.priority == "High")
{           

 e.itemRenderer.data.client_name.setStyle('color',0xFF0000);

 }
}

Diese Zeile wirft Fehler: setStyle ist nicht eine Funktion

e.itemRenderer.data.client_name.setStyle('color',0xFF0000);
  • Verwenden Sie MX DataGrid oder Spark one?
InformationsquelleAutor Amruta | 2011-05-27
  1. 6

    Ich würde dies tun, in einem benutzerdefinierten ItemRenderer und die schriftart-Farbe, die durch das überschreiben der set data oder updateDisplayList Funktion.

    Vom dieser Artikel:

    Der Anwendung:

    <?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/20/formatting-a-flex-datagrid-control-using-a-custom-item-renderer/-->
<mx:Application name="DataGridColumn_itemRenderer_test "
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;
            import mx.utils.ObjectUtil;

            private function price_labelFunc(item:Object, column:DataGridColumn):String {
                return currencyFormatter.format(item.@price);
            }

            private function price_sortCompareFunc(itemA:Object, itemB:Object):int {
                return ObjectUtil.numericCompare(itemA.@price, itemB.@price);
            }
        ]]>
    </mx:Script>

    <mx:XML id="itemsXML">
        <items>
            <item name="Item 1" price="1.32" />
            <item name="Item 2" price="-12.23" />
            <item name="Item 3" price="4.96" />
            <item name="Item 4" price="-0.94" />
        </items>
    </mx:XML>

    <mx:Style>
        .centered {
            text-align: center;
        }
    </mx:Style>

    <mx:CurrencyFormatter id="currencyFormatter"
            precision="2"
            useNegativeSign="false" />

    <mx:DataGrid id="dataGrid" dataProvider="{itemsXML.item}">
        <mx:columns>
            <mx:DataGridColumn dataField="@name"
                    headerText="Name:"
                    headerStyleName="centered" />

            <mx:DataGridColumn dataField="@price"
                    headerText="Price:"
                    textAlign="right"
                    headerStyleName="centered"
                    labelFunction="price_labelFunc"
                    sortCompareFunction="price_sortCompareFunc"
                    itemRenderer="PriceLabel" />
        </mx:columns>
    </mx:DataGrid>

</mx:Application>

    PriceLabel.als:

    /** http://blog.flexexamples.com/2007/08/20/formatting-a-flex-datagrid-control-using-a-custom-item-renderer/*/
package {
    import mx.controls.Label;
    import mx.controls.listClasses.*;

    public class PriceLabel extends Label {

        private const POSITIVE_COLOR:uint = 0x000000; //Black
        private const NEGATIVE_COLOR:uint = 0xFF0000; //Red

        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
            super.updateDisplayList(unscaledWidth, unscaledHeight);

            /* Set the font color based on the item price. */
            setStyle("color", (parseFloat(data.@price) <= 0) ? NEGATIVE_COLOR : POSITIVE_COLOR);
        }
    }
}
    • thank u.ich hab das problem gelöst
    • Es wird die Farbe der Zelle. Wie kann ich einstellen, Farbe auf eine bestimmte Zeile.
    InformationsquelleAutor Jason Towne
Schreibe einen Kommentar