单行s中整行的两行迭代器：Datagrid？

Question

我有一些DataGrids与非常标准的单行itemrenderers，但需要为整行使用自定义的两行itemeditor。我想/必须这样做，因为我无法单独编辑每个单元格，但需要在保存之前编辑整个对象。

到目前为止，我遇到了两个大问题：

1. 如何放置/显示itemeditor以使其实际适用于整行？
2. 如何强制DataGrid更改已编辑条目的rowheight，以便两行itemeditor不会流入下面的行？

---

基本上，我想要的是：

---

MyDataGrid：

<s:DataGrid id="myDataGrid" height="100%" width="100%" sortableColumns="false" editable="true" variableRowHeight="true">
    <s:columns>
        <s:ArrayCollection>
            <s:GridColumn dataField="foo" itemEditor="myItemEditor"/>

            <s:GridColumn dataField="bar" itemEditor="myItemEditor"/>

            <s:GridColumn width="24" itemRenderer="myItemRenderer"/>
        </s:ArrayCollection>
    </s:columns>
</s:DataGrid>

MyItemEditor：

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemEditor xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Script>
        <![CDATA[
            override public function prepare():void {
                itemLongname.text = this.data["longName"];
                itemShortname.text = this.data["shortName"];
            }
        ]]>
    </fx:Script>

    <s:layout>
        <s:VerticalLayout/>
    </s:layout>

    <s:Group>
        <s:layout>
            <s:HorizontalLayout/>
        </s:layout>

        <s:TextInput id="itemLongname"/>

        <s:TextInput id="itemShortname"/>
    </s:Group>

    <s:Group>
        <s:layout>
            <s:HorizontalLayout/>
        </s:layout>

        <s:Rect width="100%"/>

        <s:Button id="itemSaveButton" label="Save"/>

        <s:Button id="itemCancelButton" label="Cancel"/>
    </s:Group>
</s:GridItemEditor>

Answer 1

我认为这有助于你：）

http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7bf2.html#WS2db454920e96a9e51e63e3d11c0bf65e9f-7fd4

Answer 2

这是另一个选项：http://blog.flexicious.com/post/Flexicious-30-Release-Grid-Edition.aspx（项目编号5）。