·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]AS3组件之ComboBox下拉框用法范例

时间:2016-05-13 09:42酷播
[AS3]AS3组件之ComboBox下拉框,Event.CHANGE:用户单击组件中的一个选项时发生的事件。

[AS3]AS3组件之ComboBox下拉框用法范例

  1. import fl.controls.ComboBox; 
  2.   
  3. var wb_txt:TextField=new TextField(); 
  4. addChild(wb_txt); 
  5. wb_txt.text="选择的文字"
  6. wb_txt.x=100
  7. wb_txt.y=100
  8.   
  9. import fl.data.DataProvider;//定义组件用到的数组 
  10. var arr:Array=new Array(); 
  11. arr.push({label:"选项1",data1:"选择的数据1"}); 
  12. arr.push({label:"选项2",data1:"选择的数据2"}); 
  13. arr.push({label:"选项3",data1:"选择的数据3"}); 
  14. arr.push({label:"选项4",data1:"选择的数据4"}); 
  15. arr.push({label:"选项5",data1:"选择的数据5"}); 
  16. arr.push({label:"选项6",data1:"选择的数据6"}); 
  17. arr.push({label:"选项7",data1:"选择的数据7"}); 
  18.   
  19. //另一种添加数据的方法 
  20. /*ComboBox1.addItem({label:"选项1",data1:"数据1"}); 
  21. ComboBox1.addItem({label:"选项2",data1:"数据2"}); 
  22. ComboBox1.addItem({label:"选项3",data1:"数据3"}); 
  23. ComboBox1.addItem({label:"选项4",data1:"数据4"}); 
  24. ComboBox1.addItem({label:"选项5",data1:"数据5"}); 
  25. ComboBox1.addItem({label:"选项6",data1:"数据6"}); 
  26. ComboBox1.addItem({label:"选项7",data1:"数据7"}); 
  27. ComboBox1.addItem({label:"选项8",data1:"数据8"}); 
  28. ComboBox1.addItem({label:"选项9",data1:"数据9"}); 
  29. ComboBox1.addItem({label:"选项10",data1:"数据10"}); 
  30. ComboBox1.addItem({label:"选项11",data1:"数据11"}); 
  31. ComboBox1.addItem({label:"选项12",data1:"数据12"}); 
  32. //用这种办法之后,下面的ComboBox1.dataProvider=new DataProvider(arr);这句就要去掉 
  33. */ 
  34.   
  35. var ComboBox1:ComboBox=new ComboBox(); 
  36. addChild(ComboBox1); 
  37. ComboBox1.dataProvider=new DataProvider(arr);//下拉框的标签和数据 
  38. ComboBox1.x=300
  39. ComboBox1.y=100
  40. ComboBox1.editable=false;//true允许用户在下拉框中输入数据,false不允许 
  41. ComboBox1.prompt="这是选项";//下拉框一开始就显示的文字,如果不写,那最开始显示的就是第一项 
  42. ComboBox1.restrict="23";//允许用户自己输入数据之后,限制用户只能输入这些字符,比如这里是限制只能输入2和3 
  43. ComboBox1.rowCount=5;//下拉框显示的最大行数 
  44.   
  45. ComboBox1.addEventListener(Event.CHANGE,changeFun); 
  46. function changeFun(e:Event) { 
  47.     wb_txt.text=ComboBox1.selectedItem.data1; 
  48. /* 
  49. Event.CHANGE:用户单击组件中的一个选项时发生的事件。 
  50. Event.ENTER:用户在组件的文本输入框中输入值以后按 Enter 键时发生的事件。  
  51. Event.ITEM_ROLL_OUT:鼠标移出在组件中单元格时发生的事件。  
  52. Event.ITEM_ROLL_OVER:鼠标移入在组件中单元格时发生的事件。 
  53. */ 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器