Тайм-аут выполнения Flex в AdvancedDataGrid

Question

У меня проблема, я использую AdvancedDataGrid.

Он загружает около 3000 записей с 20 столбцами.Я постоянно получаю тайм-аут выполнения Flex, потому что сетка часто выполняется внутри LayoutManager.Как я могу сделать это асинхронно или быстрее вообще?

Answer 1

Использовать нумерацию страниц Datagrid.

http://gurufaction.blogspot.com/2007/02/flex-datagrid-paging-example-with.html http://stackoverflow.com/questions/1893350/how-does-flex-3-datagrid-paging-work

или что-то вроде этого

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="InitApp()" xmlns:MyComp="*">
<mx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        import mx.events.ItemClickEvent;
        [Bindable]
        public var myData:ArrayCollection = new ArrayCollection();
        public var orgData:ArrayCollection = new ArrayCollection();
        [Bindable]
        public var nav:ArrayCollection = new ArrayCollection();
        private var index:int = 0;
        private var page:int = 25;      
        private var paging:Boolean = true;

        private function InitApp():void {
            for( var x:uint = 1; x <= 500; x++ ) {
                var obj:Object = new Object();
                obj.Id = x.toString();
                obj.Name = "Column " + x.toString();
                obj.Street = "5555 Street";
                obj.Title = "CEO";
                obj.City = "El Paso";
                orgData.addItem(obj);
            }
            refreshDataProvider(0);
        }

        private function navPage(d:int):void {
            index += d;
            refreshDataProvider(index); 
        }

        private function refreshDataProvider(start:int):void {
            if (paging == true) {
                page = 25;
                myData = new ArrayCollection(orgData.source.slice(start,start+page));
            }
            else {
            index = 0;
                page = 500;
                myData = new ArrayCollection(orgData.source);               
            }
            down.enabled = index > 0;
            up.enabled = index + page < orgData.length;
            lbl.text = index.toString() + ' to ' + (index + page).toString() + ' of ' + orgData.length;             
        }

        private function togglePaging():void {
            paging = !paging;
            toggle.label = paging.toString();
            refreshDataProvider(index);
        }

]]>
</mx:Script>
    <mx:DataGrid id="dg" dataProvider="{myData}" width="510" height="202"></mx:DataGrid>
    <mx:Button x="10" y="210" label="&lt;" click="navPage(-25);" id="down"/>
    <mx:Button x="216" y="210" label="&gt;" click="navPage(25);" id="up"/>
    <mx:Label x="58" y="212" text="page" width="150" id="lbl"/>
    <mx:Button x="264" y="210" label="true" id="toggle" click="togglePaging();"/>

</mx:Application>

Answer 2

Загружать данные порцией за раз? Скажите немного больше, чем сколько строк показано визуально. Таким образом, вы получаете воспринимаемое представление, которое оно отображает быстро.

3000 записей это много для загрузки за один раз, надо сказать ...