Itemrenderer в Datagrid неправильно отображается - PullRequest
Новая
       29

Itemrenderer в Datagrid неправильно отображается

0 голосов
/ 21 июня 2011

У меня есть сетка данных с компонентом itemrenderer.В itemrenderer есть кнопка, которая должна отображаться в каждой второй строке таблицы данных.Так выглядит после компиляции.

Как только я прокручиваю сетку данных, кнопки отображаются неправильно, почему ??

Ссылка на изображение 

    <fx:Script>
    <![CDATA[
    import mx.collections.ArrayCollection;
    import mx.events.FlexEvent;

    [Bindable]
    private var _ac:ArrayCollection = new ArrayCollection();

    private function applicationComplete(e:FlexEvent):void{
        for (var i:Number = 0; i < 100; i++ ) {
            var b:Boolean = (i % 2) ? true : false;
            _ac.addItem({text:'foo' + i, showBtn:b});
        }
    }

    ]]>
</fx:Script>

<mx:DataGrid id="datagrid" dataProvider="{_ac}" width="200">
    <mx:columns>
        <mx:DataGridColumn headerText="Text" dataField="text" />
        <mx:DataGridColumn headerText="Edit" >
            <mx:itemRenderer>
                <fx:Component>
                    <mx:Canvas>
                        <fx:Script>
                            <![CDATA[
                            override public function set data(value:Object):void {
                                super.data = value;
                                if(value != null){
                                    if (data.showBtn == false) editBtn.visible = false; 
                                }   
                            }
                            ]]>
                        </fx:Script>
                        <s:Button id="editBtn" label="edit" />
                    </mx:Canvas>
                </fx:Component>
            </mx:itemRenderer>
        </mx:DataGridColumn>
    </mx:columns>

</mx:DataGrid>

1 Ответ

1 голос
/ 21 июня 2011

Поскольку средство рендеринга повторно используется при прокрутке, вам нужно переключить его обратно на видимое.

Изменить 

if (data.showBtn == false) editBtn.visible = false;

на 

if (data.showBtn == false){
   editBtn.visible = false;
}else{ 
   editBtn.visible = true; 
 }

Или просто использовать этосинтаксис: 

editBtn.visible = (data.showBtn as Boolean);
...