Search Flex Components Free

Custom Search

December 25, 2007

Flex Cell Renderers Control Custom ComboBox Source Code

Flex Sample Source Code:

ComboBoxCellRanderdemo.mxml

-----------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="initApp()" backgroundAlpha="0">

<mx:Script>

import mx.controls.listClasses.*;
import mx.collections.*;
import mx.controls.*;

[Bindable]
public var dataProvider:ArrayCollection;

private function initApp():void
{
dataProvider = new ArrayCollection([
{name: "John Smith", dept: "Engineering"},
{name: "Jane Doe", dept: "Marketing"},
{name: "Lisa Brown", dept: "Sales"},
{name: "Robert Wong", dept: "Engineering"},
{name: "Amy Taylor", dept: "Finance"},
]);
}

</mx:Script>

<mx:DataGrid dataProvider="{dataProvider}" width="300" variableRowHeight="true"
editable="true">
<mx:columns>
<mx:Array>
<mx:DataGridColumn dataField="name" headerText="Name"/>
<mx:DataGridColumn dataField="dept" headerText="Department"
itemRenderer="ComboBoxCellRenderer" rendererIsEditor="true"
editorDataField="selectedItem" />
</mx:Array>
</mx:columns>
</mx:DataGrid>

</mx:Application>

ComboBoxCellRanderer.as

----------------------------------------------------------------------

package {

import mx.controls.*;
import mx.core.*;

public class ComboBoxCellRenderer extends ComboBox
{
public function ComboBoxCellRenderer()
{

dataProvider = ['Engineering', 'Finance', 'Marketing', 'Sales'];


}

}
}

Related Flex Tutorials