v1_10 懂得数据绑定 _Web前端

v1_10 了解数据绑定

v1_10 Understanding data binding 了解flex数据绑定

ex1_03

这节主要举例讲了控制内部的怎么取得其它控件的属性

看以下代码的效果Email的text会自动获得firstName.text和lastName.text的值,并组装成字符串

属性使用{}表示

 <!-- UI components ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

    <mx:Form x="43" y="46" 
        contentBackgroundColor="#DADADA" 
        dropShadowVisible="true" 
        cornerRadius="5" 
        backgroundColor="#FFFFFF" 
        width="313">
        
        <s:Label text="Employee Registration" 
            color="#0024FF" 
            fontSize="16" fontWeight="bold" 
            width="279" height="32"
            verticalAlign="top" 
            textAlign="center" />
       
        <mx:FormItem label="First Name:">
       
            <s:TextInput id="firstName" 
                width="196"/>
        
        </mx:FormItem>
        
        <mx:FormItem label="Last Name:">
            
            <s:TextInput id="lastName" 
                width="196"/>
            
        </mx:FormItem>
        
        <mx:FormItem label="Email:" dropShadowVisible="false">
            
            <s:TextInput text="{firstName.text}.{lastName.text}@xyzcompany.com" 
                width="196"/>
            
        </mx:FormItem>