Flex中如何给DataGrid控件的项目添加一个可编辑TextArea/TextInput，单击控件内的项目时，自动进入编辑状态

本文展示了一个使用Flex框架创建的DataGrid组件示例，该DataGrid可以从XML文件加载数据并支持两种不同的单元格编辑模式：TextInput和TextArea。示例中详细介绍了如何设置DataGrid的属性来实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

main.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:XML id="itemsXML" source="data/items.xml" /> <mx:DataGrid id="dataGrid" dataProvider="{itemsXML.item}" variableRowHeight="true" editable="true" width="100%" height="100%"> <mx:columns> <mx:DataGridColumn id="idColumn" dataField="@id" editable="false" headerText="ID" /> <mx:DataGridColumn id="descColumnTextInput" dataField="@desc" editable="true" wordWrap="true" headerText="Desc (TextInput)" /> <mx:DataGridColumn id="descColumnTextArea" dataField="@desc" editable="true" wordWrap="true" itemEditor="mx.controls.TextArea" editorUsesEnterKey="true" headerText="Desc (TextArea)" /> </mx:columns> </mx:DataGrid> </mx:Applica

items.xml

<?xml version="1.0" encoding="utf-8" ?> <items> <item id="1" desc="The quick brown fox jumped over the lazy dog." /> <item id="2" desc="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." /> <item id="3" desc="Pellentesque nonummy aliquet metus." /> <item id="4" desc="Nullam enim." /> <item id="5" desc="Nullam sollicitudin sodales diam." /> <item id="6" desc="Praesent quis tellus vel erat tristique placerat." /> <item id="7" desc="Sed egestas, enim a convallis auctor, nisl tellus tincidunt nibh, vitae tempus mauris risus at arcu." /> <item id="8" desc="Suspendisse laoreet sem eget ipsum porta consequat." /> <item id="9" desc="Ut imperdiet felis quis orci." /> <item id="10" desc="Phasellus tempus ante eu nisl." /> <item id="11" desc="Donec velit sem, rutrum ac, bibendum sed, mattis ac, odio." /> <item id="12" desc="Fusce mauris turpis, vehicula nec, mattis et, dapibus quis, arcu." /> <item id="13" desc="Morbi tincidunt volutpat justo." /> <item id="14" desc="Nam urna." /> <item id="15" desc="Mauris est dui, aliquet at, venenatis tempus, eleifend a, pede." /> <item id="16" desc="Vestibulum porttitor arcu sit amet nulla." /> <item id="17" desc="Nulla vitae sapien." /> </items>