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

main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="vertical"
4. verticalAlign="middle"
5. backgroundColor="white">
7. <mx:XMLid="itemsXML" source="data/items.xml" />
9. <mx:DataGridid="dataGrid"
10. dataProvider="{itemsXML.item}"
11. variableRowHeight="true"
12. editable="true"
13. width="100%"
14. height="100%">
15. <mx:columns>
16. <mx:DataGridColumnid="idColumn"
17. dataField="@id"
18. editable="false"
19. headerText="ID"/>
20. <mx:DataGridColumnid="descColumnTextInput"
21. dataField="@desc"
22. editable="true"
23. wordWrap="true"
24. headerText="Desc (TextInput)"/>
25. <mx:DataGridColumnid="descColumnTextArea"
26. dataField="@desc"
27. editable="true"
28. wordWrap="true"
29. itemEditor="mx.controls.TextArea"
30. editorUsesEnterKey="true"
31. headerText="Desc (TextArea)"/>
32. </mx:columns>
33. </mx:DataGrid>

items.xml

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