Synchronize TextInput and TextArea with data binding

      

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        
            [Bindable]
            private var bindableText:String = "";

      
    </mx:Script>

    <mx:VBox>
        <mx:TextInput id="input" />
        <mx:TextArea text="{input.text}" id="area" 
            height="{(Math.round(input.text.length/40)+1) * 20}" wordWrap="true"/>


    </mx:VBox>    
</mx:Application>

Related examples in the same category

1.	On value commit in a TextArea, display value by reference its id
2.	Retrieving the current color of the TextArea programmatically
3.	Button Click event sets TextArea test
4.	Binding data between TextInput and TextArea
5.	Update TextArea with an ActionScript function when clicking the Button
6.	Use click event to change the TextArea control's background color
7.	Introspect Button control and prints details to TextArea controls
8.	Creating a TextArea control with
9.	Pop up a TextArea control.
10.	Add click event for TextArea
11.	Set style for TextArea vertical scrollbar
12.	Set text value to TextArea with MXML
13.	HTML text inside TextArea
14.	Value inside curly braces {} binds the text property of a TextArea control
15.	Introspects the Button control and prints the details to TextArea controls:
16.	Set font style for TextArea and Button
17.	Use FormItem to wrap TextArea
18.	Not editable TextArea
19.	Introspect a TextArea for its method name and return type
20.	TextArea control is the binding destination, and both input1.text and input2.text are its binding sources
21.	Bind a source to TextArea
22.	Enter text in TextInput control, text is converted to upper case as it is copied to TextArea
23.	TextArea is for long text
24.	Creating a TextArea control in MXML by using the tag
25.	Add a block of TLF-formatted text to the TextArea control
26.	TextArea Styles
27.	difference between correctly and incorrectly applying a non-inheriting style property to a pair of TextArea controls
28.	Use styled text inside an MX TextArea control
29.	TextArea Control
30.	TextArea slowly wipes in on mouseDown
31.	Using enterState and exitState events to update two TextArea controls with the name of the new state and of the old state
32.	Get text indexes

Synchronize TextInput and TextArea with data binding : TextArea « Components « Flex

Related examples in the same category