Use NumericStepper control as an inline item editor
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
[Bindable]
private var myDP:ArrayCollection = new ArrayCollection([
{label1:"#1", quant:1, Sent:true},
{label1:"#2", quant:2, Sent:false}
]);
</mx:Script>
<mx:DataGrid id="myDG" dataProvider="{myDP}"
variableRowHeight="true" editable="true">
<mx:columns>
<mx:DataGridColumn dataField="label1" headerText="Order #" />
<mx:DataGridColumn dataField="quant" editorDataField="value">
<mx:itemEditor>
<mx:Component>
<mx:NumericStepper stepSize="1" maximum="50" />
</mx:Component>
</mx:itemEditor>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</mx:Application>
Related examples in the same category