Apache flex 在flex中使AdvancedDataGrid的项目编辑器可编辑

我有一个AdvancedDataGrid，其中有2列，每一列的每一行都是一个条目编辑器

现在我想在双击时编辑行单元格，我尝试了各种方法使其可编辑 有些属性是用这段代码编写的

我使colmns网格的editable属性为true，并尝试使用RendreLiseditor将其设置为true

 <mx:AdvancedDataGrid id="varGrid"  width="100%" top="7" bottom="5" left="7" right="7" rowCount="15"
                            sortableColumns="true" editable="true">
            <mx:columns>
                <mx:AdvancedDataGridColumn headerText="Name" editable="true" dataField="name" sortable="true" editorDataField="text" rendererIsEditor="true">
                    <mx:itemEditor>
                        <fx:Component>
                            <s:GridItemEditor >
                                <s:TextInput id="variableName" text="@{value}" restrict="^\\{\\}" width="100%" height="100%" maxChars="250" 
                                            />
                            </s:GridItemEditor>
                        </fx:Component>
                    </mx:itemEditor>
                </mx:AdvancedDataGridColumn>

                <mx:AdvancedDataGridColumn headerText="Value" editable="true" dataField="lastValue" sortable="true" rendererIsEditor="true">
                    <mx:itemEditor>
                        <fx:Component>
                            <s:GridItemEditor>
                                <s:TextInput text="@{value}" restrict="^\\{\\}" width="100%" height="100%" maxChars="250"/>
                            </s:GridItemEditor>
                        </fx:Component>
                    </mx:itemEditor>
                </mx:AdvancedDataGridColumn>
            </mx:columns>

            <s:AsyncListView list="{data.variables}"/>
        </mx:AdvancedDataGrid>

---

请帮助我，我是做对了还是缺少了什么。

您的代码有几处错误：

• 您希望使用自定义的

  项目编辑器

  ，因此不要设置

  renderiseditor=“true”

• 不能在

  AdvancedDataGrid

  中使用

  s:GridItemEditor

  。它用于Spark

  s:DataGrid

• 中不允许使用

  id

  属性
• 使用火花组件，因为

  itemdeditor

  不像使用光环组件那样容易。我建议您使用

  mx:TextInput

  而不是

  s:TextInput

  。如果您需要使用Spark one，请查看和

下面是一段代码片段，它更正了所有这些问题，并使用了

mx:TextInput

组件：

<mx:AdvancedDataGrid id="varGrid" width="100%" top="7" bottom="5" left="7" right="7" rowCount="15" sortableColumns="true"
                     editable="true">
    <mx:columns>
        <mx:AdvancedDataGridColumn headerText="Name" editable="true" dataField="name" sortable="true" editorDataField="text">
            <mx:itemEditor>
                <fx:Component>
                    <mx:TextInput restrict="^\\{\\}" width="100%" height="100%" maxChars="250"/>
                </fx:Component>
            </mx:itemEditor>
        </mx:AdvancedDataGridColumn>

        <mx:AdvancedDataGridColumn headerText="Value" editable="true" dataField="lastValue" sortable="true">
            <mx:itemEditor>
                <fx:Component>
                    <mx:TextInput restrict="^\\{\\}" width="100%" height="100%" maxChars="250"/>
                </fx:Component>
            </mx:itemEditor>
        </mx:AdvancedDataGridColumn>
    </mx:columns>

    <s:AsyncListView list="{data.variables}"/>
</mx:AdvancedDataGrid>