Datagrid 和内联项渲染器问题

Question

我有一个带有两个内联项目渲染器的数据网格。我的 DG 的数据提供者是一个嵌套对象（对象内的对象内的对象，即 3 层）。

Main Object - 1st Level
                      |
          2nd Level Object 1
                            |
                        3rd level object '1' => ('name'=>somename,'id'=>someid)
                        3rd level object '2'
                           .
                           .
                           .
                           .
                        3rd level object 'n'
         2nd Level Object 2
                            |
                        3rd level object '1' => ('name'=>somename,'id'=>someid)
                        3rd level object '2'
                           .
                           .
                           .
                           .
                        3rd level object 'n'

我使用 2 个项目渲染器（每个数据网格列一个），分别循环到第二级对象 1 和 2（第二级对象是动态对象数组，其中对象的数量不断变化）。

在项目渲染器中，我使用 foreach 循环遍历第二级对象，然后显示数据。数据是一个链接按钮，单击该按钮时，会调用远程对象函数以从数据库中删除数据，

现在在远程对象函数调用的结果事件上，我调用该函数来重新填充 DG，以便显示更新的数据。

当我单击第一行中的链接按钮时，后端工作得很好（数据从数据库中删除，刷新的数据发回），但由于某种原因，删除的数据突然出现在第二行中。

当我从第二行删除它时，它出现在第三行（后端没有任何反应，因为数据已被删除）..依此类推，直到它出现在最后一行，然后 DG 看起来完全一样应该在第一次删除后进行处理。

这只是开始。第二个项目渲染器还显示一个链接按钮，单击该按钮时，会在上一列中显示该数据（可以删除该数据的列）。当我单击第一行时，数据会添加到第二行的前一列中......依此类推......

基本上，我的 DG 表现得非常奇怪。我重写了项目渲染器中的设置数据函数来刷新数据并调用其 invalidateDisplayList。我还在每次刷新后调用 Datagrid 的 invalidateDisplayList 函数。行为保持不变。

请帮助我...

这是我的数据库代码：

<mx:DataGrid id="privilegesDG" width="100%" variableRowHeight="true" minHeight="500">
<mx:columns>
<mx:DataGridColumn headerText="Roles Assigned">
    <mx:itemRenderer>
    <fx:Component>
        <mx:VBox creationComplete="box1_creationCompleteHandler()">
        <fx:Script>
        <![CDATA[
            import com.pm.modules.events.UpdateDBEvent; 

            import mx.containers.HBox;
            import mx.controls.Alert;
            import mx.controls.Label;
            import mx.controls.LinkButton;
            import mx.events.FlexEvent;

            override public function set data(value:Object):void{
                super.data = value; 
                super.invalidateDisplayList();
            }   

            protected function box1_creationCompleteHandler():void
            {
            for each(var temp:Object in data.roles){
                var hgrp:HBox = new HBox();
                hgrp.autoLayout = false;
                var lbl:Label = new Label();
                lbl.text = temp.rname;

                var lb:LinkButton = new LinkButton();
                lb.label = 'X';
                lb.id = temp.rid.toString();
                lb.focusEnabled = true;
                    lb.addEventListener(MouseEvent.CLICK,handleClick);

                hgrp.addElement(lbl);
                hgrp.addElement(lb);

                this.addElement(hgrp);
            }
        }

        protected function handleClick(event:MouseEvent):void{
                     dispatchEvent(new UpdateDBEvent(UpdateDBEvent.ON_DELETE_PRIVILEGE_ROLE_MAP,0,0,0,event.target.id,0,true));
                                    }
                                ]]>
                            </fx:Script>
                        </mx:VBox>
                    </fx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
            <mx:DataGridColumn headerText="Roles Not Assigned">
                <mx:itemRenderer>
                    <fx:Component>
                        <mx:VBox creationComplete="box1_creationCompleteHandler()">
                            <fx:Script>
                            <![CDATA[
                                import com.pm.modules.events.UpdateDBEvent;

                                import mx.containers.HBox;
                                import mx.controls.Alert;
                                import mx.controls.Label;
                                import mx.controls.LinkButton;
                                import mx.events.FlexEvent;

                                override public function set data(value:Object):void{
                                    super.data = value; 
                                    super.invalidateDisplayList();
                                } 

                                protected function box1_creationCompleteHandler():void
                                {
                                    for each(var temp:Object in data.notroles){                                         
                                        var lb:LinkButton = new LinkButton();
                                        lb.label = temp.rname;
                                        lb.id = temp.rid.toString();
                                        lb.addEventListener(MouseEvent.CLICK,handleClick);

                                        this.addElement(lb);
                                    }
                                }

                                protected function handleClick(event:MouseEvent):void{
                                    dispatchEvent(new UpdateDBEvent(UpdateDBEvent.ON_ASSIGN_ROLE_TO_PRIVILEGE,data.ID,event.target.id,0,0,0,true)); 
                                }
                            ]]>
                        </fx:Script>
                        </mx:VBox>
                    </fx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>

updateDBEvent 负责调用更新数据库的远程函数。

Answer 1

不太确定这是否有帮助，需要查看您的代码才能确定。但如果您希望 DataGrid 重绘，请不要调用

invalidateDisplayList()

，而是调用

invalidateList()