防止在Flex Datagrid的最后一行显示某些数据

Question

我有一些带有可编辑行的DataGrid，也有一个选项可以“动态”添加新行。 我的意思是，最后一行具有一些默认数据（例如，“单击此处添加新行”），当用户单击它时，他可以编辑该值，并最终插入新行。

但是，我在同一DataGrid中也有一个列，它不是来自DataGrid的DataProvider。 该列用于删除特定行，并且仅应显示具有关联的鼠标单击操作的可点击图像（在自定义itemRenderer中）。

我想在除最后一行之外的每一行上显示该图像。

到目前为止，这是我的DataGridColumn代码：

<mx:DataGridColumn width="20" editable="false">
    <mx:itemRenderer>
        <mx:Component>
            <mx:VBox creationComplete="cc()">
                <mx:Script>
                    <![CDATA[
                        import mx.controls.Alert;
                        import mx.events.CloseEvent;

                        public function cc():void{
                            delImg.source = "assets/images/delete-icon.png";
                        }
                    ]]>
                </mx:Script>
                <mx:Image id="delImg" smoothBitmapContent="true" width="15" height="15" click="outerDocument.confirmDelete(event)"/>
            </mx:VBox>
        </mx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>

我想我应该在cc函数中放入一些条件，并以某种方式将当前行的索引或与dataProvider的长度进行比较...我不确定如何做到这一点，因为我无法获取rowIndex属性，因为我无法使用DataGridEvent这里...

请对此帮助我，非常感谢您的帮助！ :)

Answer 1

VBox没有实现IDropInListItemRenderer。 IDropInListItemRenderer为您提供“ listData”属性（其类型为“ DataGridListData”）。 此外，“ listData.owner”将是DataGrid对象，而“ listData.rowIndex”将为您提供rowIndex属性。