如何在按键事件上添加数据网格行？

Question

我有一个最初只有一行的数据网格。当我单击第一行时，即按下按键事件时，我想添加另一行。

早些时候我有一个按钮，点击它我添加了行。但现在我希望单击第一行后自动添加该行。怎么做呢？

我向数据网格添加了 keydown 事件，但它引发了一些错误。

有人可以帮助我吗？我在这里给出了我的代码。 我的任务组件中有一个文本框和一个按钮。当我单击任务组件中的文本框时，我希望调用 addTaskRow 函数。

 <mx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        import mx.rpc.events.ResultEvent;
        import mx.collections.XMLListCollection;


 [Bindable]

         private var initDG:ArrayCollection = new ArrayCollection([
            {Select:true},

        ]); 

        private function addTaskRow(event:MouseEvent):void
        {
            taskDataGrid.dataProvider.addItem(
                {

                }
            );
            taskDataGrid.height += 30; 

        }

    ]]>
</mx:Script> 

<mx:DataGrid id="taskDataGrid" dataProvider="{initDG}"  variableRowHeight="true" editable="true"  
  width="100%"  paddingBottom="1" paddingTop="1" height="47"> 

    <!--mx:DataGrid id="taskDataGrid"  dataProvider="{initDG}" rowCount="1" variableRowHeight="true" editable="true" width="100%"  keyDown="addTaskRow(event);"-->
            <mx:columns>
                <mx:DataGridColumn dataField="Select" 
                editable="true" 
                rendererIsEditor="true" 
                itemRenderer="mx.controls.CheckBox" 
                editorDataField="selected" />

                <mx:DataGridColumn dataField="TaskName"
                width="220"
                editable="true" 
                rendererIsEditor="true" 
                itemRenderer="components.taskComponent"/>

                <mx:DataGridColumn dataField="TaskId"
                itemRenderer="mx.controls.TextInput" />

                <mx:DataGridColumn dataField="TaskType"
                    itemRenderer="mx.controls.TextInput"/>

                 <mx:DataGridColumn dataField="ProjectWon"
                    itemRenderer="mx.controls.TextInput"/>

                <mx:DataGridColumn dataField="ItemCodeVersion"
                    itemRenderer="mx.controls.TextInput"/>



            </mx:columns>
        </mx:DataGrid>

Answer 1

您想要通过按键或鼠标单击来实现吗？将 keyDown 更改为 mouseDown。

但它引发了一些错误。

它抛出了什么错误？

如果您使用 DataGrid 的 mouseDown，则当您单击任何行（而不仅仅是第一行）时，都会添加新行。

Answer 2

http://www.switchonthecode.com/tutorials/adding- Dynamic-rows-to-flex-datagrid 提供了执行此操作的代码