Datagrid和内联项渲染器问题

问题描述

| 我有两个内联项目渲染器的datgrid。我的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个项目渲染器（每个datagrid列一个渲染器）分别遍历第二级对象1和2（第二级对象是对象的动态数组，其中对象的数量不断变化）。 在项目渲染器中，我使用foreach遍历第二级对象，然后显示数据。数据是一个链接按钮，单击该按钮会调用远程对象函数以从数据库中删除数据 现在，在调用远程对象函数的结果事件上，我调用该函数以重新填充DG，以便显示更新的数据。 当我单击第一行中的链接按钮时，后端工作得很好（数据从数据库中删除，刷新的数据被发送回），但是由于某种原因，已删除的数据突然出现在第二行中。 当我从第二行中删除它时，它出现在第三行中（由于数据已被删除，后端什么也没有发生）..依此类推，直到它出现在最后一行中，然后DG看起来就和它一样shld已经照顾了第一个删除。 这仅仅是个开始。第二个项目渲染器还显示一个链接按钮，单击该链接按钮将在上一列中显示该数据（可以删除该数据）。当我单击第一行时，数据将添加到第二行的前一列中，依此类推。 基本上，我的DG表现得很奇怪。我在项目渲染器中重写了set data函数以刷新数据，并将其称为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,event.target.id,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,true)); 
                                }
                            ]]>
                        </fx:Script>
                        </mx:VBox>
                    </fx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>

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

解决方法

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

invalidateDisplayList()

相反，请致电

invalidateList()