我知道很多人已经问过这类问题，但那篇文章并没有给予我更多的信息来理解Flex框架中ItemRenderer和ItemEditor之间的实际差异。
据我所知，ItemRenderer主要用于显示可视元素，ItemEditor主要用于编辑目的。
所以我试着用下面的例子来找出它们之间的区别：
对于ItemRenderer，我使用了以下代码：

<mx:DataGrid dataProvider="{initDG}">
    <mx:columns>
        <mx:DataGridColumn headerText="Artist" dataField="Artist"/>
        <mx:DataGridColumn headerText="Album" dataField="Album"/>
        <mx:DataGridColumn headerText="Price" dataField="Price">
            <mx:itemRenderer>
                <fx:Component>
                    <mx:TextInput restrict="0-9" maxChars="10" />
                </fx:Component>
            </mx:itemRenderer> 
        </mx:DataGridColumn>
        <mx:DataGridColumn headerText="Cover" dataField="Cover"/>
    </mx:columns>
</mx:DataGrid>

并得到如下结果：

其中“价格”字段显示为可编辑。
我再次尝试使用ItemEditor执行相同的代码，如下所示：

<mx:DataGrid dataProvider="{initDG}">
    <mx:columns>
        <mx:DataGridColumn headerText="Artist" dataField="Artist"/>
        <mx:DataGridColumn headerText="Album" dataField="Album"/>
        <mx:DataGridColumn headerText="Price" dataField="Price">
            <mx:itemEditor>
                <fx:Component>
                    <mx:TextInput restrict="0-9" maxChars="10" />
                </fx:Component>
            </mx:itemEditor> 
        </mx:DataGridColumn>
        <mx:DataGridColumn headerText="Cover" dataField="Cover"/>
    </mx:columns>
</mx:DataGrid>

并得到如下结果：

但此处的“价格”字段不可编辑。
因此，由于我是这些控件的新手，我越来越困惑为什么会发生这种情况。在使用ItemEditor作为为什么该字段是不可编辑的。
如果有人知道这背后的原因是什么，请帮助我了解更多关于这两个控制的细节。