4.2.将TextInput绑定一个值

2023-08-05 15:52:28

字体：大中小

来源：转载

供稿：网友

4.2.1. 问题
我想将一个用户输入到TextInput 控制器中的值绑定到另一个控制器。
4.2.2. 解决办法
使用绑定标签将TextInput 组件中的文本绑定到Text 组件中，以便显示输入的内容。
4.2.3. 讨论
TextInput 控制器在这里被用来提供要显示在TextArea 控制器中的文本。随着文本内容的增加，采用了Flex 框架的绑定机制的TextArea 的宽度也会随之增加。

-XML

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:TextInput id="input" width="200"/>
<mx:TextArea text="{input.text}" width="200" id="area"
backgroundAlpha="0"
height="{(Math.round(input.text.length/40)+1)*20}"
wordWrap="true"/>
</mx:VBox>

TextInput 和它的值都可以绑定到一个变量。当用户输入文本时并不会把文本内容传递给变量, 但是他会改变绑定了TextInput 的任何组件的文本属性。例如:

-XML

<mx:Script>
<![CDATA[
[Bindable]
private var bindableText:String = "Zero Text";
private function setText():void
{
bindableText = String(cb.selectedItem);}

]]>
</mx:Script>
<mx:ComboBox id="cb" dataProvider="{['First Text', 'Second Text', 'Third Text','Fourth Text']}" change="setText()"/>
<mx:TextInput id="inputFromCB" width="200" text="{bindableText}"/>
<mx:Text id="textFromCB" width="200" text="{inputFromCB.text}"/>

上一篇：8.6.将Convolution滤镜应用于图像

下一篇：4.3.创建一个具有文字提示的文本输入框

学习交流

浏览器、域名和Cookie大小的关系

浏览器、域名和Cookie大小的关系...

热门图片

猜你喜欢的新闻

猜你喜欢的关注