Flex组件开发总结

开发 后端
本文向大家简单介绍一下在平时的Flex开发过程中遇到的问题以及解决办法总结,希望本文的介绍能让你有所收获,欢迎大家一起来学习。

Flex组件开发有很多值得学习的地方,本文向大家介绍一下在平时的Flex开发过程中遇到的问题以及解决办法总结,相信通过本文的介绍你对Flex开发过程中遇到问题有一定的认识。

Flex组件开发总结

在平时的Flex开发过程中遇到的问题以及解决办法总结如下:

1.如何监听键盘事件?

  1. <mx:TextAreaidmx:TextAreaid="textEditor"keyDown="sendKeyHandler(event)"x="11"y="366"width="399"/> 
  2.  
  3. privatefunctionsendKeyHandler(evt:KeyboardEvent):void  
  4. {  
  5.  
  6. //Enter键  
  7.  
  8. if(evt.keyCode==13)  
  9. {  
  10. this.sendTxt();  
  11.  
  12. return;  
  13. }  
  14.  
  15. }  

代码说明:有两种类型的键盘事件:KeyboardEvent.KEY_DOWN和KeyboardEvent.KEY_UP

以上是监听的是回车事件

要是想监听组合键,例如:Ctrl+Enter键,代码如下:

  1. if(evt.keyCode==13&&evt.ctrlKey)  
  2. {  

2.Flex开发中怎么控制RichTextEditor的控制栏?

利用showControlBar属性,控制RichTextEditor的控制栏,这样把整个控制栏都关闭了

要是想分别控制控制栏中各寄宿控件,可以参考如下代码:

  1. this.textEditor.alignButtons.height=0;  
  2. this.textEditor.alignButtons.visible=false;  
  3.  
  4. this.textEditor.bulletButton.height=0;  
  5. this.textEditor.bulletButton.visible=false;  
  6.  
  7. this.textEditor.linkTextInput.height=0;  
  8. this.textEditor.linkTextInput.visible=false;  
  9.  
  10. this.textEditor._RichTextEditor_VRule1.height=0;  
  11. this.textEditor._RichTextEditor_VRule1.visible=false;  
  12.  
  13. this.textEditor._RichTextEditor_VRule2.height=0;  
  14. this.textEditor._RichTextEditor_VRule2.visible=false;  
  15.  

 当然,还可以参考这文章

http://blog.minidx.com/2008/12/29/1841.html

3.Flex开发中控件双击事件(DoubleClickEvent)怎么没反应?

  1. <mx:ButtondoubleClickEnabledmx:ButtondoubleClickEnabled="true"doubleClick="doubleClickHandler(event)"x="48"y="32"label="Button"/> 
  2.  
  3. privatefunctiondoubleClickHandler(evt:MouseEvent):void  
  4. {  
  5. Alert.show("doubleClick");  
  6. }  
  7.  

 代码说明:

doubleClickEnabled属性:指定对象是否接收doubleClick事件。默认值为false,这意味着在默认情况下,不接收doubleClick事件。如果将doubleClickEnabled属性设置为true,实例在其范围内接收doubleClick事件

4.Flex开发中怎么在TextArea的光标位置插入字符? 

  1. <mx:TextAreaidmx:TextAreaid="textEditor"x="11"y="366"width="399"/> 
  2.  
  3. privatefunctioninsertString(insertStr:String):void  
  4. {  
  5. if(this.textEditor.selectionBeginIndex==this.textEditor.selectionEndIndex)  
  6. {  
  7. varstartPart:String=this.textEditor.text.substring(0,this.textEditor.selectionBeginIndex);  
  8. varendPart:String=this.textEditor.text.substring(this.textEditor.selectionEndIndex,this.textEditor.text.length);  
  9. startPart+=insertStr;  
  10. startPart+=endPart;  
  11. this.textEditor.text=startPart;  
  12. }  
  13. else  
  14. {  
  15. this.textEditor.text=insertStr;  
  16. }  
  17. }  

 5.Flex开发中如何实现TextArea控件的滚动条始终保持在最下面?

  1. this.txt_content.addEventListener(FlexEvent.VALUE_COMMIT,VALUE_COMMITHandler);  
  2. privatefunctionVALUE_COMMITHandler(evt:FlexEvent):void{  
  3. txt_contenttxt_content.verticalScrollPosition=txt_content.maxVerticalScrollPosition;  

代码说明:这段代码是为了实现TextArea控件的滚动条始终保持在最下面,以方便用户查看聊天信息

要是VBox控件需要实现类似效果,可以看如下代码:

  1. <mx:VBoxidmx:VBoxid="vd"updateComplete="updateCompleteHandler(event)"x="10"y="10"width="399"height="348"> 
  2.  
  3. privatefunctionupdateCompleteHandler(evt:FlexEvent):void  
  4. {  
  5. thisthis.vd.verticalScrollPosition=this.vd.maxVerticalScrollPosition;  
  6. }  

【编辑推荐】

  1. Flex开发者需要知道的10件事
  2. Flex安全沙箱问题解决方法
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. 解析Flex全屏模式设置方法
  5. Flex内存泄露解决方法和内存释放优化原则

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-12 13:39:46

Flex组件

2010-07-30 13:52:17

Flex组件

2010-08-05 10:58:55

Flex组件

2010-08-04 14:44:33

Flex图表

2010-08-12 13:34:13

Flex验证组件

2010-08-13 09:21:12

FlexButton组件

2010-07-28 12:58:24

Flex DateCh

2010-08-13 13:14:09

Flex图表

2009-08-20 10:12:59

Flex Alert组

2010-08-13 09:11:11

LabelFlex

2009-07-03 08:58:22

Flex教程Flex程序

2010-08-04 10:20:30

Flex组件开发

2010-08-09 15:30:00

Flex字体

2010-08-05 10:16:14

Flex效果

2010-08-05 10:08:06

Flex效果

2010-07-28 12:52:39

Flex组件

2010-07-27 10:39:25

Flex组件

2010-08-04 15:37:31

Flex图表

2010-07-28 12:41:18

Flex组件

2010-07-28 10:48:48

FlexReport开
点赞
收藏

51CTO技术栈公众号