Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Flex PopUpButton – Menu en PopUp avec une XMLListCollection et labelField

Utilisation de mx.controls.Menu

Les Menus sont des instances de mx.controls.Menu. Comme les Flex Tree, les menus requièrent des data providers hiérarchiques. Le code suivant crée un menu et le peuple avec un dataProvider de type XMLListCollection. Il fixe aussi la propriété labelField, comme on le fait pour un composant Tree:

var menu:Menu = new Menu();
var xmlList:XMLList = XMLList('<item label="ActionScript"><item label="Classe"/><item label="Interface"/></item><item label="MXML"><item label="Application"/><item label="Component"/></item>');
menu.dataProvider = new XMLListCollection(xmlList);
menu.labelField = "@label";

Utilisation de PopUpButton

Le composant PopUpButton permet d'associer le bouton avec une pop-up, comme un menu par exemple:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="creationCompleteHandler(event)">
	<mx:Script>
		<![CDATA[
			import mx.collections.XMLListCollection;
			import mx.controls.Menu;

			private var menu:Menu = new Menu();
			private var xmlList:XMLList = XMLList('<item label="ActionScript"><item label="Classe"/><item label="Interface"/></item><item label="MXML"><item label="Application"/><item label="Component"/></item>');

			private function creationCompleteHandler(event:Event):void{
				menu.dataProvider = new XMLListCollection(xmlList);
				menu.labelField = "@label";
				popUpButton.popUp = menu
			}

		]]>
	</mx:Script>
	<mx:PopUpButton id="popUpButton" label="PopUpButton"/>
</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application