Dica Flex – Evento MouseOver do componente ButtonBar

Colocado por Pablo Souza na(s) categoria(s): 1, 2009, 4, Adobe, app, AR, bar, Botões, collection, Componente, DataProvider, demo, Dica, Flex, function, ide, label, layout, library, MXML, O, on, Ria’s Geral, SEO, spark, string, XML em 01 31st, 2011 | Sem comentários

A dica flex de hoje é rápida e mostra como podemos disparar uma função toda vez que passamos o mouse sobre cada um dos botões do componente ButtonBar. Além disso você pode conferir como podemos adicionar filhos dinâmicamente ao mesmo componente.

?
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx">
?
	<s:layout>
		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>
	s:layout>
?
	<s:ButtonBar id="buttonBar" mouseOver="myLabel.text = 'My function is updating my label ' + new Date()">
		<s:dataProvider>
			<s:ArrayCollection>
				<fx:String>Button 1fx:String>
				<fx:String>Button 2fx:String>
				<fx:String>Button 3fx:String>
				<fx:String>Button 4fx:String>
			s:ArrayCollection>
		s:dataProvider>
	s:ButtonBar>
?
	<s:Button label="Add button"
		click="buttonBar.dataProvider.addItem('Button ' + (buttonBar.dataProvider.length+1) )" />
?
	<s:Label id="myLabel" />
?
s:Application>