日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Flex控件List用法指南

本文和大家重點討論一下Flex控件List的概念和用法，該Flex控件主要用于“豎向顯示單列表數(shù)據(jù)項”。如果數(shù)據(jù)項過多，可以出現(xiàn)一個垂直滾動條。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了平谷免費建站歡迎大家使用！

Flex控件List

1.List控件簡介

該Flex控件主要用于“豎向顯示單列表數(shù)據(jù)項”。如果數(shù)據(jù)項過多，可以出現(xiàn)一個垂直滾動條。

繼承關(guān)系如下：

ListListBaseScrollControlBaseUIComponentFlexSpriteSprite

子類：

FileSystemList,Menu,Tree

2.Flex控件List屬性與事件

名稱描述

 
 
 
    
  
  
  
  1. editable數(shù)據(jù)是否可編輯，值為"false|true"  
    2. 
  
  
  
  2. editedItemPositionitemrenderer的位置，默認值為"Nodefault"  
    3. 
  
  
  
  3. editorDataField"text"  
    4. 
  
  
  
  4. editorHeightOffset="0" 
    5. 
  
  
  
  5. editorUsesEnterKey="false|true" 
    6. 
  
  
  
  6. editorWidthOffset="0" 
    7. 
  
  
  
  7. editorXOffset="0" 
    8. 
  
  
  
  8. editorYOffset="0" 
    9. 
  
  
  
  9. imeMode="null" 
    10. 
  
  
  
  10. itemEditor="TextInput" 
    11. 
  
  
  
  11. itemEditorInstance="Currentitemeditor" 
    12. 
  
  
  
  12. rendererIsEditor="false|true" 
    13. 
  
  
  
  13.  
    14.

 #p#
3.屬性DataProvider，LabelFunction--ArrayCollection數(shù)據(jù)源綁定并自定顯示信息

功能說明：

綁定ArrayCollection類型數(shù)據(jù)源，并自定義Flex控件上的顯示信息

代碼：

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. 
  
  
  
  3. importmx.collections.ArrayCollection;  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. [Bindable]  
    6. 
  
  
  
  6. publicvarroleList:ArrayCollection  
    7. 
  
  
  
  7. =newArrayCollection([  
    8. 
  
  
  
  8. {label:"good",data:"isgood"},  
    9. 
  
  
  
  9. {label:"bad",data:"isbad"}  
    10. 
  
  
  
  10. ]);  
    11. 
  
  
  
  11. privatefunctionlst_exam_getDispName(item:Object):String{  
    12. 
  
  
  
  12. varresult:String="";  
    13. 
  
  
  
  13. if(item.hasOwnProperty("label")){  
    14. 
  
  
  
  14. result+=item.label+",";  
    15. 
  
  
  
  15. }  
    16. 
  
  
  
  16. if(item.hasOwnProperty("data")){  
    17. 
  
  
  
  17. result+=item.data;  
    18. 
  
  
  
  18. }  
    19. 
  
  
  
  19. returnresult;  
    20. 
  
  
  
  20. }  
    21. 
  
  
  
  21. ]]> 
    22. 
  
  
  
  22.  
    23. 
  
  
  
  23. 
  
  
  
  24. width="30%" 
    25. 
  
  
  
  25. dataProvider="{roleList}" 
    26. 
  
  
  
  26. labelFunction="lst_exam_getDispName" 
    27. 
  
  
  
  27. /> 
    28. 
  
  
  
  28.  
    29.

注：

1.如果要顯示的信息直接是數(shù)據(jù)源中的一個屬性的值，可使用下面代碼指定
labelField="label"
labelField：指明顯示roleList對象中的哪個屬性，默認值是"label"

4.屬性dataTipFunction--顯示文字提示

功能說明：

鼠標指向每一個數(shù)據(jù)項，顯示提示信息

dataTipFunction和showDataTips為父類ListBase的屬性，具體參考《FLEX控件_ListBase》

代碼：
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. 
  
  
  
  3. //數(shù)據(jù)源參考上例  
    4. 
  
  
  
  4. privatefunctionmyDataTipFunction(value:Object):String{  
    5. 
  
  
  
  5. return(value.label+"::"+value.data);  
    6. 
  
  
  
  6. }  
    7. 
  
  
  
  7. ]]> 
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. 
  
  
  
  10. width="30%" 
    11. 
  
  
  
  11. dataProvider="{roleList}" 
    12. 
  
  
  
  12. labelField="label" 
    13. 
  
  
  
  13. showDataTips="true" 
    14. 
  
  
  
  14. dataTipFunction="myDataTipFunction"/> 
    15.

注：

1.如果每一個數(shù)據(jù)項的提示信息恰好是另一個屬性的值，則直接使用下面代碼指定即可
dataTipField="data"http://data表示roleList中的一個屬性
2.mx:linkBar和mx:ButtonBar由于沒有繼承ListBase，因此不能使用這個方法，本人也沒有找到具體方法實現(xiàn)本功能
3.用Flex控件List最大的問題在于，數(shù)據(jù)之間沒有直線作間隔，不如LinkBar好看，這個問題待解決。#p#

5.屬性wordWrap--如果文字過長，允許換行

功能說明：

如果顯示的數(shù)據(jù)項的文字過長，F(xiàn)lex控件默認為多余的文字不顯示，本功能指定控件將過長的數(shù)據(jù)項換行顯示

代碼：
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. 
  
  
  
  3. //數(shù)據(jù)源參考上例  
    4. 
  
  
  
  4. ]]> 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6. 
  
  
  
  7. dataProvider="{roleList}" 
    8. 
  
  
  
  8. labelField="label" 
    9. 
  
  
  
  9. width="220" 
    10. 
  
  
  
  10. height="200" 
    11. 
  
  
  
  11. variableRowHeight="true" 
    12. 
  
  
  
  12. wordWrap="true"/> 
    13.

注：

1.利用wordWrap和variableRowHeight屬性，指定過長的數(shù)據(jù)項自動換行

6.屬性alternatingItemColors--指定Flex控件的交互底色

功能說明：

自定義Flex控件的交互底色

代碼：

#p#

7.事件itemClick--顯示選中數(shù)據(jù)項的所有屬性

功能說明：

先與數(shù)據(jù)源ArrayCollection綁定，當點擊Flex控件中的一個數(shù)據(jù)項時，顯示該數(shù)據(jù)項的所有屬性

代碼：

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. 
  
  
  
  3. //數(shù)據(jù)源參考上例  
    4. 
  
  
  
  4. protectedfunctionlst_exam_itemClickHandler(event:ListEvent):void  
    5. 
  
  
  
  5. {  
    6. 
  
  
  
  6. vart:List=event.currentTargetasList;  
    7. 
  
  
  
  7. Alert.show(t.selectedItem.label+"::"+t.selectedItem.data);  
    8. 
  
  
  
  8. }  
    9. 
  
  
  
  9. ]]> 
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. 
  
  
  
  12. width="30%" 
    13. 
  
  
  
  13. dataProvider="{roleList}" 
    14. 
  
  
  
  14. labelField="label" 
    15. 
  
  
  
  15. itemClick="lst_exam_itemClickHandler(event)"/> 
    16. 
  
  
  
  16.  
    17.

【編輯推薦】

  1. Flex控件工具大全
  2. 詳解Flex控件拖動技術(shù)
  3. 技術(shù)前沿 看Flex客戶端緩存技術(shù)如何使用
  4. 解析Flex全屏模式設(shè)置方法
  5. Flex內(nèi)存泄露解決方法和內(nèi)存釋放優(yōu)化原則

當前題目：Flex控件List用法指南
本文鏈接：http://www.dlmjj.cn/article/dphdhis.html