将TextInput 绑定TextArea的值

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

先来看演示:

当用户在文本框进行输入时,文本域的值也会改变,而且高度也会变化。通过这个实例你可以了解到flex的方便的绑定机制。

来看源代码:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3.  
  4.     <mx:TextInput id="input" width="200" />
  5.     <mx:TextArea text="{input.text}" width="200" id="area" backgroundAlpha="0" 
  6.         height="{(Math.round(input.text.length/40)+1)*20}" wordWrap="true"  y="30"/>
  7.    
  8. </mx:Application>

非常简单的代码,关键来看TextArea 。
有二个属性的值与TextInput的text属性(文本长度)绑定。分别是text和height。

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

跟作者说两句

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