Flex Cell Renderers Control Editable ComboBox Cell Editor Text Source Code

Flex Sample Source Code:

InlineEditableComboBoxCellRanderDemo.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" creationComplete="srv.send()"> <mx:HTTPService id="srv" url="../assets/weather.xml" /> <mx:Text text="This example uses an inline ComboBox as an itemEditor in the second column." width="350"/> <mx:DataGrid id="myDatagrid" dataProvider="{srv.lastResult.weather.city}" variableRowHeight="true" editable="true" rowHeight="50" width="300" height="300"> <mx:columns> <mx:DataGridColumn dataField="Location"/> <mx:DataGridColumn dataField="Climate" editable="true" editorDataField="value"> <mx:itemEditor> <mx:Component> <mx:ComboBox editable="true"> <mx:dataProvider> <mx:String>Mild</mx:String> <mx:String>Hot</mx:String> <mx:String>Foggy</mx:String> <mx:String>Rainy</mx:String> <mx:String>Snow</mx:String> </mx:dataProvider> </mx:ComboBox> </mx:Component> </mx:itemEditor> </mx:DataGridColumn> </mx:columns> </mx:DataGrid> </mx:Application>

weather.xml

<?xml version="1.0" encoding="utf-8"?> <weather> <city> <Location>Los Angeles</Location> <Climate>Mild</Climate> </city> <city> <Location>San Francisco</Location> <Climate>Hot</Climate> </city> <city> <Location>Paris</Location> <Climate>Foggy</Climate> </city> <city> <Location>Milan</Location> <Climate>Hot</Climate> </city> <city> <Location>London</Location> <Climate>Rainy</Climate> </city> <city> <Location>New York</Location> <Climate>Snow</Climate> </city> <city> <Location>Sydney</Location> <Climate>Hot</Climate> </city> <city> <Location>CapeTown</Location> <Climate>Mild</Climate> </city> </weather>