Datagrid和内联项呈示器问题

时间:2011-05-24 06:24:39

标签: flex datagrid flex4 inline itemrenderer

我有一个带有两个内联项呈示器的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列一个),它分别循环第二级object1和2(第二级对象是一个动态的对象数组,其中的对象数量在不断变化)。

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

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

当我点击第一行中的链接按钮时,后端工作正常(数据从数据库中删除,刷新的数据被发回),但由于某种原因,删除的数据突然出现在第2行

当我从第二行删除它时,它出现在第3行(后端没有任何事情发生,因为数据已被删除)..等等,直到它出现在最后一行然后DG看起来完全没有它在第一次删除后的方式。

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

基本上,我的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,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负责调用更新数据库的远程函数。

1 个答案:

答案 0 :(得分:0)

不确定这是否会有所帮助,需要查看您的代码才能确定。但是如果你想重绘DataGrid,就不要调用

invalidateDisplayList()

相反,请致电

invalidateList()