How to view the records in datagrid using Combo Box Selection

Question

hi friends,
i having one combo box,that combo box having 10 students name in list format.
If i click any one of the students name it will only show the Particular student record in datagrid with respective fields(student name,rollnumber,percentage);
how i will do this
please give any suggession or show snippet demo.
it will be more helpful to do this,
Thanks in advance
B.Venktesan.

Answer 1

Hi,
As your requirement , i think you will have to use selectedItem or selectedIndex property of combobox. And accordingly fetch data and provide it to dataprovider of datagrid.Following code can help you.
<?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" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection; 
import mx.controls.Alert; 
import spark.components.List;[
Bindable] 
var array:ArrayCollection = new ArrayCollection(); 
public function insert():void{ 
array.addItem(Combo1.selectedItem
as String);DG1.dataProvider=array;
]]>
</fx:Script>
<s:ComboBox x="118" y="64" id="Combo1" change="insert()" >
<s:dataProvider>
<s:ArrayList>
<fx:String>AAA</fx:String>
<fx:String>BBB</fx:String>
<fx:String>CCC</fx:String>
</s:ArrayList>
</s:dataProvider>
</s:ComboBox>
<mx:DataGrid x="118" y="154" id="DG1" >
<mx:columns>
<mx:DataGridColumn>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid></s:Application>
Thanks and Regards,
Vibhuti Gosavi | [email protected] | www.infocepts.com