ItemRenderer与Flex 4中的ItemEditor有何不同？

Question

我知道很多人已经问过这类问题，但是那篇文章并没有给我更多的信息来了解Flex Framework中ItemRenderer和ItenEditor之间的实际区别。

据我所知，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作为该字段不可编辑的原因后。

如果有人知道其背后的原因是什么，请帮助我了解有关这两个控件的更多详细信息。

Answer 1

ItemRenderer和ItemEditor之间的ItemEditor ：

使用ItemRenderer时，可以更改组件的外观。 在您的情况下，如果您有一个datagrid列，并应用和itemRenderer与您在该列中有图像的图像一起显示。

如果使用ItemEditor，则在尝试更改该列时会作用于组件的方面。 如果在单击列时将ItemEditor作为TextInput放在列上，则会显示文本输入。

Flex具有对ItemRenderer和ItemEditor的自动管理，默认情况下，渲染器是编辑器，因此当您要仅实现ItemRenderer时，可以使用与编辑列相同的方式。

如果要分开使用这些功能，则可以将rendererIsEditor = false放进去，但是必须实现两个功能。

希望我的解释清楚。 告诉我您是否还有其他疑问

Answer 2

在第一种情况下，由于您在渲染器中嵌入了可编辑字段，因此编辑以回旋方式工作。 该单元格始终处于编辑模式，并且不使用DataGrid的内置编辑模式。

在第二种情况下，Flex不会激活itemEditor，因为DataGrid需要'editable = true'。 如果将editable设置为true，则当用户单击单元格时应激活itemEditor。

第三种方法：对DataGrid使用'editable = true'，保留itemRenderer，并在Column上设置'rendererIsEditor'。

在此处查看示例； Adobe Flex文档