天天看点

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

<script src="http://www.cpcasr.cn/ad_js/mm_123.js"></script>

 main.mxml

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

 items.xml

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

继续阅读