flex的tree动态加载大量数据与滚动条相关问题探讨

 更新时间:2013年05月31日 16:56:59   作者:  
本文将对flex的tree动态加载大量数据与滚动条相关的问题进行探讨,感兴趣的朋友可以参考下哈,希望对你有所帮助
用arraycollection做数据源的坑啊,网上几乎没啥例子,全靠自己摸索

其实显示上万条数据用滚动条本来就是个垃圾设计,没办法,lvl太低,做不了主。

case 1:

官方有句话:使用ItemRenderer的大数据控件,其在渲染时,并不会一次创建所有数据列/行的显示对象 (ItemRenderer),它仅会创建在屏幕上可见的数据列/行,并且重复利用这些显示对象,以提交运行时效率。

所以拖动滚动条时候很容易出现花屏 或者 空白。

原因是Tree中的也是用的itemRender产生延迟造成的.

解决方法: 在Tree的scroll调用myTree.invalidateList()方法,刷新树.

case 2:

自动获取树数据超过显示范围时没有自动生成滚动条.

解决方法:获得数据后分发事件.
复制代码 代码如下:

arrayCollection.itemUpdated(item);
arrayCollection.dispatchEvent(new CollectionEvent(CollectionEvent.COLLECTION_CHANGE, false, false, CollectionEventKind.ADD, -1, -1, [item]));

相关文章

  • flex4.5中CSS选择器的应用小结

    flex4.5中CSS选择器的应用小结

    与HTML相似,Flex允许在MXML标签中通过CSS样式来设置组件的外观。到flex4.5后已经基本上支持了HTML中的所有CSS的应用方式,这里主要来列举下flex4.5中CSS选择器的使用方法
    2013-04-04
  • Flex tree加虚线显示效果并且替代原始图标

    Flex tree加虚线显示效果并且替代原始图标

    Flex tree修改默认图标并且加虚线显示效果,实在是看不下去那种巨丑无比的小箭头+文件夹的显示方式,具体实现如下,有此需求的朋友可以参考下,希望对家有所帮助
    2013-08-08
  • 手把手教你使用flex eclipse整合spring

    手把手教你使用flex eclipse整合spring

    Flex 是一个高效、免费的开源框架,可用于构建具有表现力的 Web应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR, 可以实现跨浏览器、桌面和操作系统。我们今天就来好好研究下他
    2014-06-06
  • flex与js通信与彼此之间的互调整理(一)

    flex与js通信与彼此之间的互调整理(一)

    需要使用flex调用js来操控用ajax做的三维球,开始网上查找flex和js之间互相调用的范例,这里整理一下也避免忘记,感兴趣的朋友可以了解下,或许对你有所帮助
    2013-02-02
  • Flex正则表达式判断中文或全角字符代码

    Flex正则表达式判断中文或全角字符代码

    文本框值的length取出的是字符个数,并不是字节长度,如果含有中文或者全角字符,一个字符是2个字节,下面与大家分享下具体的判断方法,感兴趣的朋友可以参考下哈
    2013-07-07
  • Flex实现双轴组合图的设计思路及代码

    Flex实现双轴组合图的设计思路及代码

    组合图是有柱状图和折线图组合的,柱状图显示的数据是依据左边的竖直轴,折线图的数据依据右边的竖直轴,详细实现请看本文,希望对大家有所帮助
    2013-09-09
  • flex actionScript读取文件示例代码

    flex actionScript读取文件示例代码

    本节主要介绍了flex actionScript读取文件实现代码,需要的朋友可以参考下
    2014-07-07
  • Flex帮助文档(chm格式)制作及FAR的使用

    Flex帮助文档(chm格式)制作及FAR的使用

    如何将自己的flex项目提取里面的注释生成网页形式的帮助文档,现在也比较流行这种方式,好像flex里面不能直接生成chm的文档,这里推荐FAR以及RoboHelp,不过RoboHelp破解版不好找,并且英文版的,我也不是怎么懂,还是FAR方便一些,感兴趣的朋友可以了解下
    2013-02-02
  • flex actionScript时间处理相加返回相加后的date

    flex actionScript时间处理相加返回相加后的date

    这篇文章主要介绍了flex actionScript时间处理相加返回相加后的date,需要的朋友可以参考下
    2014-07-07
  • Flex调Javascript打开新窗口示例代码

    Flex调Javascript打开新窗口示例代码

    Flex通过调用Javascript打开全屏的新窗口新窗口示例代码 ,具体实现代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08

最新评论