Use NumericStepper as itemEditor for DataGrid : NumericStepper « Components « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Components » NumericStepperScreenshots 
Use NumericStepper as itemEditor for DataGrid
Use NumericStepper as itemEditor for DataGrid
   

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
    
        import mx.collections.ArrayCollection;
        [Bindable]
        private var myData:ArrayCollection = new ArrayCollection([
            {dataField1:"Order #1", dataField2:3},
            {dataField1:"Order #2", dataField2:3}
        ]);
  
    </mx:Script>
    <mx:DataGrid id="myDG" dataProvider="{myData}" variableRowHeight="true" editable="true" >
        <mx:columns>
            <mx:DataGridColumn dataField="dataField1" headerText="Order #"/>
            <mx:DataGridColumn dataField="dataField2" 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
1.Use NumericStepper to choose valueUse NumericStepper to choose value
2.NumericStepper with NumericStepper with <mx:NumericStepper>
3.Use NumericStepper as item editor for a column of DataGrid controlUse NumericStepper as item editor for a column of DataGrid control
4.Use NumericStepper control as an inline item editorUse NumericStepper control as an inline item editor
5.Use a NumericStepper control to define a custom item editor as an MXML componentUse a NumericStepper control to define a custom item editor as an MXML component
6.NumericStepper minimum, maximum, stepSizeNumericStepper minimum, maximum, stepSize
7.Use NumericStepper to set selected index for ListUse NumericStepper to set selected index for List
8.Use NumericStepper to control the size of a PanelUse NumericStepper to control the size of a Panel
9.Get value from NumericStepper and TextInputGet value from NumericStepper and TextInput
10.Contact Manager Panel with TextInput, NumericStepper, CheckBox, ColorPickerContact Manager Panel with TextInput, NumericStepper, CheckBox, ColorPicker
11.List NumericStepper cell rendererList NumericStepper cell renderer
12.Bind NumericStepper value to LabelBind NumericStepper value to Label
13.Specify the NumericStepper control as the item editor for a column of the DataGrid controlSpecify the NumericStepper control as the item editor for a column of the DataGrid control
14.Use NumericStepper, DateField, and CheckBox controls as the drop-in item renderers and item editors for a DataGrid control:Use NumericStepper, DateField, and CheckBox controls as the drop-in item renderers and item editors for a DataGrid control:
15.Use a NumericStepper control to edit the Price column of a DataGrid control.Use a NumericStepper control to edit the Price column of a DataGrid control.
16.Inline NumericStepperInline NumericStepper
17.Creating a simple inline item rendererCreating a simple inline item renderer
18.Inline NumericStepper RendererInline NumericStepper Renderer
19.Drop In NumericStepper item rendererDrop In NumericStepper item renderer
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.