Flex 4

List Controls

Definición
‡ Un control de lista es un componente que tiene una propiedad dataProvider que permite llenar el control con datos dinámicos ‡ Los datos que proveen al control de lista pueden estar en forma jeráquica o relacional y el tipo de dato qsue queremos presentar determinará el tipo de control a usar

‡ Flex 4 SDK incluye viejos controles de lista MX como DataGrid, AdvancedDataGrid, y OlapDataGrid y nuevos controles Spark:
± componente List ± DropDownList y ComboBox ± ButtonBar
‡ tiene la misma apariencia y comportamiento que el MX ToggleButtonBar

Controles de Lista

Ejemplo listcontrols.mxml
‡ Llenamos los controles más habituales de ListControls con una fuente de datos

<?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" xmlns:vo="vo.*"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Style> .simpleLabel { font-size:14; font-weight:bold; } </fx:Style> <fx:Script> <![CDATA[ import vo.StateVO; protected function getStateLabel(item:StateVO):String { return item.capitol + ", " + item.state; } ]]> </fx:Script> <fx:Declarations> <s:ArrayList id="stateData"> <vo:StateVO> <vo:state>CA</vo:state> <vo:capitol>Sacramento</vo:capitol> </vo:StateVO> <vo:StateVO> <vo:state>OR</vo:state> <vo:capitol>Salem</vo:capitol> </vo:StateVO> <vo:StateVO> <vo:state>WA</vo:state> <vo:capitol>Olympia</vo:capitol> </vo:StateVO> </s:ArrayList> <s:ArrayList id="colorData"> <fx:String>Red</fx:String> <fx:String>Green</fx:String> <fx:String>Blue</fx:String> </s:ArrayList> </fx:Declarations> <s:Label text="List Control" styleName="simpleLabel" x="10" y="10"/> <s:List dataProvider="{stateData}" x="10" y="31" labelFunction="getStateLabel"/> <s:Label text="DropDownList Control" styleName="simpleLabel" x="151" y="10"/>

Solución

Sign up to vote on this title
UsefulNot useful