You can use a data model as a value object, which acts as a central repository for a set of data returned from method calls on one or more objects. This makes it easier to manage and work with data in an application.

In the following example, the tentModel data model stores the results of a web service operation. The TentDetail component is a custom MXML component that gets its data from the tentModel data model and displays details for the currently selected tent.

...
<!-- Data model stores data from selected tent. -->
<mx:Model id="tentModel">
    <tent>
        <name>{selectedTent.name}</name>
        <sku>{selectedTent.sku}</sku>
        <capacity>{selectedTent.capacity}</capacity>
        <season>{selectedTent.seasonStr}</season>
        <type>{selectedTent.typeStr}</type>
        <floorarea>{selectedTent.floorArea}</floorarea>
        <waterproof>{getWaterProof(selectedTent.waterProof)}</waterproof>
        <weight>{getWeight(selectedTent)}</weight>
        <price>{selectedTent.price}</price>
    </tent>
</mx:Model>
...
    <TentDetail id="detail" tent="{tentModel}"/>
...

The following example shows the MXML source code for the TentDetail component. References to the tent property, which contains the tentModel data model, and the corresponding tentModel properties are highlighted in boldface.

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" title="Tent Details">

    <mx:Script>
        <![CDATA[
            [Bindable]
            public var tent:Object;
        ]]>
    </mx:Script>

    <mx:Style>
        .title{fontFamily:Arial;fontWeight:bold;color:#3D3D3D;fontSize:16pt;}
        .flabelColor
            {fontFamily:Arial;fontWeight:bold;color:#3D3D3D;fontSize:11pt}
        .productSpec{fontFamily:Arial;color:#5B5B5B;fontSize:10pt}
    </mx:Style>

    <mx:VBox paddingLeft="10" paddingTop="10" paddingRight="10">

        <mx:Form verticalGap="0" paddingLeft="10" paddingTop="10"
            paddingRight="10" paddingBottom="0">

            <mx:VBox width="209" height="213">
                <mx:Image width="207" height="211"
                    source="./images/{tent.sku}_detail.jpg"/>
            </mx:VBox>

            <mx:FormHeading label="{tent.name}" paddingTop="1"
                styleName="title"/>

            <mx:HRule width="209"/>

            <mx:FormItem label="Capacity" styleName="flabelColor">
                <mx:Label text="{tent.capacity} person"
                    styleName="productSpec"/>
            </mx:FormItem>
            <mx:FormItem label="Season"
                styleName="flabelColor">
                <mx:Label text="{tent.season}"
                    styleName="productSpec"/>
            </mx:FormItem>
            <mx:FormItem label="Type" styleName="flabelColor">
                <mx:Label text="{tent.type}"
                    styleName="productSpec"/>
            </mx:FormItem>
            <mx:FormItem label="Floor Area" styleName="flabelColor">
                <mx:Label text="{tent.floorarea}
                    square feet" styleName="productSpec"/>
            </mx:FormItem>
            <mx:FormItem label="Weather" styleName="flabelColor">
                <mx:Label text="{tent.waterproof}"
                    styleName="productSpec"/>
            </mx:FormItem>
            <mx:FormItem label="Weight" styleName="flabelColor">
                <mx:Label text="{tent.weight}"
                    styleName="productSpec"/>
            </mx:FormItem>
        </mx:Form>
    </mx:VBox>
</mx:Panel>