直接复制datagrid的行数据

最新推荐文章于 2020-11-07 17:12:15 发布

chenming0733

最新推荐文章于 2020-11-07 17:12:15 发布

阅读量698

点赞数

CC 4.0 BY-SA版权

文章标签： datagrid function object application string library

本文链接：https://blog.youkuaiyun.com/chenming0733/article/details/6347554

flex学习专栏收录该内容

8 篇文章

订阅专栏

本文展示了如何在Flex应用中处理DataGrid控件的键盘事件，实现Ctrl+C快捷键时将选中行的数据以TSV格式复制到剪贴板，方便粘贴到其他地方。通过创建一个不可见的TextField并监听其textInput事件，可以实现从剪贴板回填DataGrid的功能。

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

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
      creationComplete="init()">
<s:layout>
  <s:BasicLayout/>
</s:layout>
<fx:Declarations>
  
</fx:Declarations>
<fx:Script>
  <![CDATA[
   import flash.events.KeyboardEvent;

   import mx.collections.ArrayCollection;
   private function dataGridKeyDownHandler(event:KeyboardEvent):void
   {
    if (event.ctrlKey && !dataGrid.getChildByName("clipboardProxy"))
    {
     // Add an invisible TextField object to the DataGrid
     var textField:TextField = new TextField();
     textField.name = "clipboardProxy";
     dataGrid.addChild(textField);
     textField.visible = false;
     textField.type = TextFieldType.INPUT;
     textField.multiline = true;
     // Populate the TextField with selected data in TSV format
     textField.text = getTextFromItems(dataGrid.selectedItems);
     textField.setSelection(0, textField.text.length - 1);
     // Listen for textInput event
     textField.addEventListener(TextEvent.TEXT_INPUT,
      clipboardProxyPasteHandler);
     // Set player-level focus to the TextField
     systemManager.stage.focus = textField;
    }
   }
   private function dataGridKeyUpHandler(event:KeyboardEvent):void
   {
    if (!event.ctrlKey)
    {
     var textField:TextField = TextField(dataGrid
      .getChildByName("clipboardProxy"));
     if (textField)
      dataGrid.removeChild(textField);
    }
   }
   private function clipboardProxyPasteHandler(event:TextEvent):void
   {
    // Extract values from TSV format and populate the DataGrid
    var items:Array = getItemsFromText(event.text);
    for each (var item:Object in items)
    dataGrid.dataProvider.addItem(item);
   }
   private function getItemsFromText(text:String):Array
   {
    var rows:Array = text.split("/n");
    if (!rows[rows.length - 1])
     rows.pop();
    var columns:Array = dataGrid.columns;
    var itemsFromText:Array = [];
    for each (var rw:String in rows)
    {
     var fields:Array = rw.split("/t");
     var n:int = Math.min(columns.length, fields.length);
     var item:Object = {};
     for (var i:int = 0; i < n; i++)
      item[columns[i].dataField] = fields[i];
     itemsFromText.push(item);
    }
    return itemsFromText;
   }
   private function getTextFromItems(items:Array):String
   {
    var columns:Array = dataGrid.columns;
    var textFromItems:String = "";
    for each (var it:Object in items)
    {
     for each (var c:DataGridColumn in columns)
     textFromItems += it[c.dataField] + "/t";
     textFromItems += "/n";
    }
    return textFromItems;
   }

   [Bindable]
   private var arr:ArrayCollection = new ArrayCollection([
    {scheduledDate:"aa",homeTeam:"ab",awayTeam:"ac",field:"ad"},
    {scheduledDate:"ba",homeTeam:"bb",awayTeam:"bc",field:"bd"},
    {scheduledDate:"ca",homeTeam:"cb",awayTeam:"cc",field:"cd"}
   ]);
  ]]>
</fx:Script>
<fx:Declarations>
</fx:Declarations>
<mx:DataGrid id="dataGrid" dataProvider="{arr}"
     keyDown="dataGridKeyDownHandler(event)"
     keyUp="dataGridKeyUpHandler(event)">
  <mx:columns>
   <mx:DataGridColumn headerText="Scheduled Date"
          dataField="scheduledDate" />
   <mx:DataGridColumn headerText="Home Team"
          dataField="homeTeam" />
   <mx:DataGridColumn headerText="Away Team"
          dataField="awayTeam" />
   <mx:DataGridColumn headerText="Field"
          dataField="field" />
  </mx:columns>
</mx:DataGrid>
</s:Application>