flex的tree動(dòng)態(tài)加載大量數(shù)據(jù)與滾動(dòng)條相關(guān)問(wèn)題探討
更新時(shí)間：2013年05月31日 16:56:59 作者：
本文將對(duì)flex的tree動(dòng)態(tài)加載大量數(shù)據(jù)與滾動(dòng)條相關(guān)的問(wèn)題進(jìn)行探討，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
用arraycollection做數(shù)據(jù)源的坑啊，網(wǎng)上幾乎沒(méi)啥例子，全靠自己摸索
其實(shí)顯示上萬(wàn)條數(shù)據(jù)用滾動(dòng)條本來(lái)就是個(gè)垃圾設(shè)計(jì)，沒(méi)辦法，lvl太低，做不了主。
case 1：
官方有句話：使用ItemRenderer的大數(shù)據(jù)控件，其在渲染時(shí)，并不會(huì)一次創(chuàng)建所有數(shù)據(jù)列/行的顯示對(duì)象 (ItemRenderer)，它僅會(huì)創(chuàng)建在屏幕上可見(jiàn)的數(shù)據(jù)列/行，并且重復(fù)利用這些顯示對(duì)象，以提交運(yùn)行時(shí)效率。
所以拖動(dòng)滾動(dòng)條時(shí)候很容易出現(xiàn)花屏 或者 空白。
原因是Tree中的也是用的itemRender產(chǎn)生延遲造成的.
解決方法: 在Tree的scroll調(diào)用myTree.invalidateList()方法,刷新樹(shù).
case 2：
自動(dòng)獲取樹(shù)數(shù)據(jù)超過(guò)顯示范圍時(shí)沒(méi)有自動(dòng)生成滾動(dòng)條.
解決方法:獲得數(shù)據(jù)后分發(fā)事件.
arrayCollection.itemUpdated(item);
arrayCollection.dispatchEvent(new CollectionEvent(CollectionEvent.COLLECTION_CHANGE, false, false, CollectionEventKind.ADD, -1, -1, [item]));
其實(shí)顯示上萬(wàn)條數(shù)據(jù)用滾動(dòng)條本來(lái)就是個(gè)垃圾設(shè)計(jì)，沒(méi)辦法，lvl太低，做不了主。
case 1：
官方有句話：使用ItemRenderer的大數(shù)據(jù)控件，其在渲染時(shí)，并不會(huì)一次創(chuàng)建所有數(shù)據(jù)列/行的顯示對(duì)象 (ItemRenderer)，它僅會(huì)創(chuàng)建在屏幕上可見(jiàn)的數(shù)據(jù)列/行，并且重復(fù)利用這些顯示對(duì)象，以提交運(yùn)行時(shí)效率。
所以拖動(dòng)滾動(dòng)條時(shí)候很容易出現(xiàn)花屏 或者 空白。
原因是Tree中的也是用的itemRender產(chǎn)生延遲造成的.
解決方法: 在Tree的scroll調(diào)用myTree.invalidateList()方法,刷新樹(shù).
case 2：
自動(dòng)獲取樹(shù)數(shù)據(jù)超過(guò)顯示范圍時(shí)沒(méi)有自動(dòng)生成滾動(dòng)條.
解決方法:獲得數(shù)據(jù)后分發(fā)事件.
復(fù)制代碼 代碼如下:
arrayCollection.itemUpdated(item);
arrayCollection.dispatchEvent(new CollectionEvent(CollectionEvent.COLLECTION_CHANGE, false, false, CollectionEventKind.ADD, -1, -1, [item]));
您可能感興趣的文章:
- asp.net+jquery滾動(dòng)滾動(dòng)條加載數(shù)據(jù)的下拉控件
- asp.net網(wǎng)站開(kāi)發(fā)中用jquery實(shí)現(xiàn)滾動(dòng)瀏覽器滾動(dòng)條加載數(shù)據(jù)(類似于騰訊微博)
- 拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼
- 無(wú)刷新動(dòng)態(tài)加載數(shù)據(jù) 滾動(dòng)條加載適合評(píng)論等頁(yè)面
- 頁(yè)面加載完畢后滾動(dòng)條自動(dòng)滾動(dòng)一定位置
- 當(dāng)滾動(dòng)條滾動(dòng)到頁(yè)面底部自動(dòng)加載增加內(nèi)容的js代碼
- 基于javascript實(shí)現(xiàn)瀏覽器滾動(dòng)條快到底部時(shí)自動(dòng)加載數(shù)據(jù)
相關(guān)文章
flex4.5中CSS選擇器的應(yīng)用小結(jié)
與HTML相似，F(xiàn)lex允許在MXML標(biāo)簽中通過(guò)CSS樣式來(lái)設(shè)置組件的外觀。到flex4.5后已經(jīng)基本上支持了HTML中的所有CSS的應(yīng)用方式，這里主要來(lái)列舉下flex4.5中CSS選擇器的使用方法2013-04-04
Flex tree加虛線顯示效果并且替代原始圖標(biāo)
Flex tree修改默認(rèn)圖標(biāo)并且加虛線顯示效果，實(shí)在是看不下去那種巨丑無(wú)比的小箭頭+文件夾的顯示方式，具體實(shí)現(xiàn)如下，有此需求的朋友可以參考下，希望對(duì)家有所幫助2013-08-08
Flex 是一個(gè)高效、免費(fèi)的開(kāi)源框架，可用于構(gòu)建具有表現(xiàn)力的 Web應(yīng)用程序，這些應(yīng)用程序利用Adobe Flash Player和Adobe AIR, 可以實(shí)現(xiàn)跨瀏覽器、桌面和操作系統(tǒng)。我們今天就來(lái)好好研究下他2014-06-06
需要使用flex調(diào)用js來(lái)操控用ajax做的三維球,開(kāi)始網(wǎng)上查找flex和js之間互相調(diào)用的范例，這里整理一下也避免忘記，感興趣的朋友可以了解下，或許對(duì)你有所幫助2013-02-02
文本框值的length取出的是字符個(gè)數(shù)，并不是字節(jié)長(zhǎng)度，如果含有中文或者全角字符，一個(gè)字符是2個(gè)字節(jié)，下面與大家分享下具體的判斷方法，感興趣的朋友可以參考下哈2013-07-07
Flex實(shí)現(xiàn)雙軸組合圖的設(shè)計(jì)思路及代碼
組合圖是有柱狀圖和折線圖組合的，柱狀圖顯示的數(shù)據(jù)是依據(jù)左邊的豎直軸，折線圖的數(shù)據(jù)依據(jù)右邊的豎直軸，詳細(xì)實(shí)現(xiàn)請(qǐng)看本文，希望對(duì)大家有所幫助2013-09-09
本節(jié)主要介紹了flex actionScript讀取文件實(shí)現(xiàn)代碼，需要的朋友可以參考下2014-07-07
如何將自己的flex項(xiàng)目提取里面的注釋生成網(wǎng)頁(yè)形式的幫助文檔，現(xiàn)在也比較流行這種方式,好像flex里面不能直接生成chm的文檔,這里推薦FAR以及RoboHelp，不過(guò)RoboHelp破解版不好找，并且英文版的，我也不是怎么懂，還是FAR方便一些,感興趣的朋友可以了解下2013-02-02
flex actionScript時(shí)間處理相加返回相加后的date
這篇文章主要介紹了flex actionScript時(shí)間處理相加返回相加后的date,需要的朋友可以參考下2014-07-07
Flex調(diào)Javascript打開(kāi)新窗口示例代碼
Flex通過(guò)調(diào)用Javascript打開(kāi)全屏的新窗口新窗口示例代碼 ，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08