Comment écouter un événement personnalisé envoyé par un moteur de rendu dans Flex?
-
28-10-2019 - |
Question
Je vais avoir le problème suivant: Je l'ai mis en place un headRenderer personnalisé pour mon DataGridColumn. L'idée est d'avoir un menu déroulant lorsque vous cliquez dessus sur l'en-tête de colonne. Le problème est que je ne sais pas comment ajouter un auditeur ou passer une variable à la classe depuis la renderer renderer est instancié par le ClassFactory.
La classe renderer:
<?xml version="1.0"?>
<!-- itemRenderers\dataGrid\myComponents\RendererDGHeader.mxml -->
<mx:HBox xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:fx="http://ns.adobe.com/mxml/2009"
width = "100%"
>
<fx:Script>
// ...
// Event handler for the Menu control's change event.
private function menuHandler(evt:MenuEvent):void {
//Alert.show("Label: " + evt.item.@label, "Clicked menu item");
if (evt.item.@eventName == "typeLat"){
typeIcon.load("assets/type_location.jpg");
evt.item.toggled=true;
//variable.setColumnType(myLabel.text, "type"); // how can I pass "variable" to this renderer?
} else if (evt.item.@eventName == "typeLng"){
typeIcon.load("assets/type_location.jpg");
evt.item.toggled=true;
} else if (evt.item.@eventName == "typeTime"){
typeIcon.load("assets/type_time.png");
evt.item.toggled=true;
}
else if (evt.item.@eventName == "similarity"){
dispatchEvent(new SimilarityEvent("selectSimilarity", null, null)); // how to listen to this event?
}
}
</fx:Script>
<fx:Declarations>
<fx:XML id="myMenuData">
<root>
<menuitem label="Select type..." eventName="copy">
<menuitem label="Other..." eventName="typeOther"/>
<menuitem type="separator"/>
<menuitem label="Order" type="check" eventName="typeOther"/>
<menuitem label="Range" type="check" eventName="typeOther"/>
<menuitem label="Date/Time" type="check" eventName="typeTime"/>
<menuitem label="Latitude" type="check" eventName="typeLat"/>
<menuitem label="Longitude" type="check" eventName="typeLng"/>
</menuitem>
<menuitem label="Define similarity..." eventName="similarity"/>
<menuitem type="separator"/>
<menuitem label="Filter objects..." eventName="similarity"/>
<menuitem label="Order" eventName="similarity">
<menuitem label="Ascending" eventName="typeOther"/>
<menuitem label="Descending" eventName="typeOther"/>
</menuitem>
<menuitem type="separator"/>
<menuitem label="Remove" eventName="paste"/>
</root>
</fx:XML>
</fx:Declarations>
<mx:Label id="myLabel" click="showMenu();"/>
<mx:Image height="20" id = "typeIcon"/>
</mx:HBox>
Voici comment j'instancier le moteur de rendu:
var newColumn:DataGridColumn = new DataGridColumn();
newColumn.dataField = attr;
newColumn.headerText = attr;
newColumn.sortable = false;
newColumn.editable = false;
newColumn.draggable = false;
newColumn.headerRenderer = new ClassFactory(newviews.RendererDataHeader);
cols.push(newColumn);
toute aide sera très appréciée
La solution
Ajouter écouteur d'événement au contrôle (DataGrid) et faire la bulle de l'événement, il sera pris.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow