TextModel Example : Model « Data Model « Flex

1. Flex
2. Data Model
3. Model

TextModel Example

          

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


 
<!-- sparktextcontrols/SimpleTextModelExample.mxml --> 
<s:Application 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:mx="library://ns.adobe.com/flex/mx" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    creationComplete="initApp()"> 
    <s:layout> 
        <s:VerticalLayout/> 
    </s:layout> 
    <fx:Script> 
    import flashx.textLayout.elements.*; 
    private var textFlow:TextFlow = new TextFlow(); 
    private var paragraph1:ParagraphElement = new ParagraphElement(); 
    private var paragraph2:ParagraphElement = new ParagraphElement(); 
    private var span1:SpanElement = new SpanElement(); 
    private var span2:SpanElement = new SpanElement(); 
    private function initApp():void { 
        span1.text = "This is paragraph one in myRET."; 
        span2.text = "This is paragraph two in myRET."; 
        paragraph1.addChild(span1); 
        paragraph2.addChild(span2); 
        textFlow.addChild(paragraph1); 
        textFlow.addChild(paragraph2); 
        myRET.textFlow = textFlow; 
    } 
    </fx:Script> 
    <s:RichEditableText id="myRET" height="100" width="200"/> 
</s:Application>

   
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Model With Validator
2.	Use dot-delimited Strings with a nesting structure of elements
3.	Define a Flex data model that contains two values
4.	Combine binded data from Data Model
5.	Validate Model Data
6.	Script-based models
7.	Fill in data for Model
8.	Define and reference Model
9.	Referencing repeated data in Model
10.	Bind model to Text
11.	Bind whole expression from Model to a Text control
12.	Build Expression from data bind in Model
13.	Do calculation with binded Model data
14.	The tag
15.	An child tag with no value is considered null.
16.	Use validate() method to validate a Model object
17.	Get data from Model
18.	Loop through a Model
19.	Bind control's data to Model and use model data in another control
20.	Converting an MXML data model in an ActionScript object
21.	Validating a data model using the validate() method
22.	Model and binding
23.	A Flex data model that contains two values.
24.	An employee model declared in an tag:
25.	Model Tag Empty String
26.	Bind field in Model to a Text control