Wie um zu zeigen, tool-tip, der in der mx-Datagrid-Zeile in Flex?

Wenn Sie ein DataGrid, und Sie möchten, anzeigen von Zeilen-spezifischen Daten, die bei mouseOver, hier ist, wie dies getan werden kann.

Der erste Schritt ist die Aktivierung showDataTips-Eigenschaft für jedes DataGridColumn, dass Sie möchten, um diese Funktionalität zu aktivieren.

Zweitens, werden Sie brauchen, um eine dataTipFunction-Funktion auf das DataGrid selbst. Da dataTipFunction-Pässe über die Grid-row-Daten als ein Objekt an die aufrufende Funktion, Sie brauchen, um passieren keine Argumente. Hier ist ein kleines Beispiel, das zeigt, wie es zu tun.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="doInit();">
<mx:Script>
    <!![CDATA[

        import mx.collections.ArrayCollection; //this holds the grid data

        [Bindable]
        private var myData:ArrayCollection = new ArrayCollection();

        private function doInit():void {
            myData.addItem({fname:"Joe",lname:"Bloggs"});
            myData.addItem({fname:"Joe1",lname:"Bloggs"});
        }

        private function buildToolTip(item:Object):String {
            var myString:String = "";
            if(item != null) {
                myString = myString + "Firstname : " + item.fname + "\n";
                myString = myString + "Lastname : " + item.lname + "\n";
            }

            return myString;
        }
    ]]>
</mx:Script>
<mx:DataGrid id="dGrid"  dataProvider="{myData}"  visible="true" dataTipFunction="buildToolTip">
    <mx:columns>
        <mx:DataGridColumn dataField="fname" headerText="FirstName" showDataTips="true" />
        <mx:DataGridColumn dataField="lname" headerText="LastName" showDataTips="true" />
    </mx:columns>
</mx:DataGrid>
</mx:Application>

Quelle: http://www.anujgakhar.com/2008/01/13/flex-how-to-have-tooltip-on-every-row-of-datagrid/

Hier ist noch eine Erklärung aus einer anderen Quelle:

Benutzte ich die itemRollOver und die itemRollOut Veranstaltungen.
in der itemRollOver finden wir den Wert des Objekts in der Zeile, so erhalten wir die Bezeichnung des Objekts und setzen wir es als das datagrid-tooltip.
itemRollOut verhält sich wie ein Reiniger...

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridItemRenderer;
            import mx.events.ListEvent;
            import mx.controls.ToolTip;

            private function createToolTip(event:ListEvent):void {
                var str:String =  DataGridItemRenderer(event.itemRenderer).data.label;
                dataGrid.toolTip = str;
            }

            private function deleteToolTip(obj:Object):void {
                dataGrid.toolTip = null;
            }

        ]]>
    </mx:Script>

    <mx:ArrayCollection id="arrColl">
        <mx:source>
            <mx:Array>
                <mx:Object label="Student A" score="85" />
                <mx:Object label="Student B" score="48" />
                <mx:Object label="Student C" score="71" />
                <mx:Object label="Student D" score="88" />
                <mx:Object label="Student E" score="24" />
                <mx:Object label="Student F" score="64" />
            </mx:Array>
        </mx:source>
    </mx:ArrayCollection>

    <mx:DataGrid id="dataGrid"
            dataProvider="{arrColl}"
            itemRollOut="deleteToolTip(event)"
            itemRollOver="createToolTip(event)"       
            >
        <mx:columns>
            <mx:DataGridColumn dataField="label" />
            <mx:DataGridColumn dataField="score" />
        </mx:columns>
    </mx:DataGrid>

</mx:Application>

Quelle: http://www.flexdeveloper.eu/forums/mxml/tooltip-on-datagrid-row/

-Hoffe, das hilft

InformationsquelleAutor Aaron M.