Data Binding Through the ActionScript BindingUtils Class

         
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" horizontalAlign="center" verticalAlign="middle" initialize="initComp();">
    <mx:Model id="contacts">
        <contact>
            <name>
                <first />
                <last />
            </name>
        </contact>
    </mx:Model>
    <mx:Script>
        
        import mx.binding.utils.BindingUtils;
        private function initComp():void
        {
            BindingUtils.bindProperty(contacts, "name.first",firstNameInput, "text");
            BindingUtils.bindProperty(contacts, "name.last",lastNameInput, "text");

            BindingUtils.bindProperty(firstName, "text",contacts, "name.first");
            BindingUtils.bindProperty(lastName, "text", contacts,"name.last");
        }
      
    </mx:Script>
    <mx:Panel title="BindingUtils Class in ActionScript" horizontalAlign="center">
        <mx:Form>
            <mx:FormItem label="First Name">
                <mx:TextInput id="firstNameInput" />
            </mx:FormItem>
            <mx:FormItem label="Last Name">
                <mx:TextInput id="lastNameInput" />
            </mx:FormItem>
            <mx:FormItem label="First Name">
                <mx:Label id="firstName" text="{contacts.name.first}"
                    fontSize="15" fontWeight="bold" />
            </mx:FormItem>
            <mx:FormItem label="Last Name">
                <mx:Label id="lastName" text="{contacts.name.last}"
                    fontSize="15" fontWeight="bold" />
            </mx:FormItem>
        </mx:Form>
    </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Use BindingUtils to bind property
2.	Bind with BindingUtils.bindSetter
3.	Bind Model with BindingUtils.bindProperty
4.	Bind Setter using setter method

Data Binding Through the ActionScript BindingUtils Class : BindingUtils « Data Model « Flex

Related examples in the same category