V followin flex Code:
Také prohlížet: http://www.cse.epicenterlabs.com/checkBoxDg/checkBoxDg.html
1. Přidejte řádek v DataGrid po kliknutí na „AddRow“
2. Klikněte na „CheckDg“ vidět hodnoty všech políček
- ukazuje „checkBox57“ nebo „checkBox64“ nebo nějaké podobné řetězce
3. Nyní, „select“ zaškrtávací políčko v první řadě.
4. Klikněte opět na „CheckDg“
-je show true
Takže nejprve dp.getItemAt (i) .datum vrací CheckBox
a později se vrátí na „vybrané“ hodnotu CheckBox?
Proč se tento rozdíl?
<?xml version=1.0 encoding=utf-8?>
<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml layout=absolute viewSourceURL=srcview/index.html>
<mx:Canvas>
<mx:DataGrid x=69 y=119 id=dgFee editable=true dataProvider={dp}>
<mx:columns>
<mx:DataGridColumn headerText=Date dataField=date width=100 editable=true
editorDataField=selected rendererIsEditor=true>
<mx:itemRenderer>
<mx:Component>
<mx:CheckBox selected=false>
</mx:CheckBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField=amount headerText=Amount editable=true>
<mx:itemEditor>
<mx:Component>
<mx:TextInput restrict=0-9/>
</mx:Component>
</mx:itemEditor>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
<mx:CheckBox x=130 y=54 label=Checkbox selected=true click=Alert.show(abc.selected.toString()) id=abc/>
<mx:Script>
<![CDATA[
import mx.controls.CheckBox;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
public var dp:ArrayCollection = new ArrayCollection();
public function addRow():void
{
var tmp:Object = new Object();
tmp['amount'] = 100;
tmp['date'] = new CheckBox();
dp.addItem(tmp);
}
public function delRow():void
{
if(dgFee.selectedIndex != -1)
dp.removeItemAt(dgFee.selectedIndex);
}
public function loop1():void
{
for(var i:int=0;i<dp.length;i++)
{
Alert.show(dp.getItemAt(i).date);
}
}
]]>
</mx:Script>
<mx:Button x=29 y=89 label=AddRow click=addRow()/>
<mx:Button x=107 y=89 label=DelRow click=delRow()/>
<mx:Button x=184 y=89 label=CheckDg click=loop1()/>
</mx:Canvas>
</mx:Application>
