AdvancedDataGrid 中的 Flex 执行超时答案

【问题标题】：Flex execution timeout in AdvancedDataGridAdvancedDataGrid 中的 Flex 执行超时
【发布时间】：2010-10-25 19:16:47
【问题描述】：

我有一个问题，我正在使用 AdvancedDataGrid。

它加载大约 3000 条记录，大约 20 列。我经常得到 Flex 执行超时，因为网格在 LayoutManager 中执行了很多。我怎样才能让它异步或更快？

【问题讨论】：

Flex ADG 和 DG 应该能够轻松加载 3000 条记录。这不应导致超时。您可以发布您的代码或可用于复制此行为的内容吗？

标签： apache-flex advanceddatagrid

【解决方案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>

【讨论】：

【解决方案2】：

一次加载数据块？说比视觉显示的行数略多。通过这种方式，您可以获得快速呈现的感知性能。

3000 条记录要一次性加载很多，不得不说...

【讨论】：