flex中设置TextInput默认选择特定数量的文字

发布于,归属于flex实例沙发还空着,抢! 共有433人围观    

标题有点拗口,先来看下效果就知道了。

仔细观察下输入框,就会发现,默认文本中有部分的文字被选择,而选中的文字是索引值为5-9的字。这是如何实现的呢,来看下其代码:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="TextInput_getTextField_alwaysShowSelection_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.core.UITextField;
  11.             import mx.controls.TextInput;
  12.  
  13.             private function init(evt:Event):void {
  14.                 var ti:TextInput = evt.currentTarget as TextInput;
  15.                 var tf:UITextField = ti.mx_internal::getTextField();
  16.                 tf.alwaysShowSelection = true;
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  21.     <mx:TextInput id="textInput"
  22.             text="你好,这里是个文本框!"
  23.             selectionBeginIndex="4" selectionEndIndex="9"
  24.             initialize="init(event);" />
  25.     <mx:Button label="Submit" />
  26.  
  27. </mx:Application>

关键是 selectionBeginIndex=”4″ selectionEndIndex=”9″这二个属性,
selectionBeginIndex为起始位置,4开始,实际上选中的文字为5开始;
selectionEndIndex为结束位置

(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)