MACROMEDIA COLDFUSION MX 7.0.2-USING COLDFUSION MX WITH FLEX 2 Guide de l'utilisateur Page 65
- Page / 256
- Table des matières
- MARQUE LIVRES
Noté. / 5. Basé sur avis des utilisateurs
The Flex programming model 65
Using data binding
Flex provides simple syntax for binding the properties of components to each other, or to a
data model. In the following example, the value inside the curly braces ({ }) binds the
text
property of the TextArea control to the
text property of a TextInput control. As the user
enters text into the TextInput control, it is automatically copied to the TextArea control, as
the following example shows:
<?xml version="1.0" encoding="utf-8"?>
<!-- ?xml tag must start in line 1 column 1 -->
<!-- MXML root element tag. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<!-- Flex controls exist in a container. Define a Panel container. -->
<mx:Panel title="My Application">
<!-- TextInput control for user input. -->
<mx:TextInput id="myInput" width="150" text=""/>
<!-- Output TextArea control. -->
<mx:TextArea id="myText" text="{myInput.text}" width="150"/>
</mx:Panel>
</mx:Application>
For more information, see Chapter 38, “Binding Data,” in Flex 2 Developer’s Guide.
Controlling application appearance
Flex defines a default appearance that you can use as is in an application, or modify to define
your own specific appearance. As part of modifying the appearance, you can change some or
all of the following:
Sizes Height and width of a component or application. All components have a default size.
You can use the default size, specify your own size, or let Flex resize a component as part of
laying out your application.
Styles Set of characteristics, such as font, font size, text alignment, and color. These are the
same styles as defined and used with Cascading Style Sheets (CSS).
Skins Symbols that control a component’s appearance. Skinning is the process of changing
the appearance of a component by modifying or replacing its visual elements. These elements
can be made up of images, SWF files, or class files that contain drawing API methods.
Behaviors Visible or audible changes to a Flex component that an application or user
action triggers. Examples of behaviors are moving or resizing a component based on a mouse
click.
- Getting Started with Flex 2 1
- Contents 3
- 4Contents 4
- Contents 5 5
- 6Contents 6
- Installing Flex Builder 7
- 8 Installing Flex Builder 8
- ■ Windows Eclipse 3.1.1 9
- ■ Macintosh Eclipse 3.2 9
- Installing Flash Player 9 10
- About Flex Documentation 11
- Using this manual 12
- Chapter Description 13
- Typographical conventions 14
- Introducing Flex 15
- About Flash Player 9 18
- About Flex Builder 2 19
- 20 Introducing Flex 20
- About Flex Data Services 2 21
- About Flex Charting 2 22
- Benefits of using Flex 23
- 24 Introducing Flex 24
- Flex deployment models 25
- Client-side only applications 26
- Resource tier 27
- Flex deployment models 29 29
- Feature Description 30
- Where to next 33
- 34 Introducing Flex 34
- Introducing Flex Builder 2 35
- 36 Introducing Flex Builder 2 36
- Navigator view Editor 38
- Problems view 38
- 40 Introducing Flex Builder 2 40
- Components view 41
- 42 Introducing Flex Builder 2 42
- 44 Introducing Flex Builder 2 44
- Console view 45
- Code editor 45
- 46 Introducing Flex Builder 2 46
- Compiling your applications 48
- 50 Introducing Flex Builder 2 50
- Flex Basics 51
- Building a Flex Application 53
- Data model 54
- HTTP/SOAP/AMF 54
- How Flex fits the MVC models 55
- Working with a web server 55
- ■ Web application server 56
- Deploying applications 57
- MXML ActionScript 58
- Flex Class Library 58
- Laying out your application 59
- The Flex programming model 61 61
- The Flex programming model 63 63
- Using data binding 65
- Working with data services 66
- About the Flex coding process 67
- Moving to Flex from HTML 68
- <mx:Image> and 69
- Using Flex development tools 70
- Application 71
- About RPC services 74
- Services 75
- Directory Description 76
- Using Flex Charting 77
- Components 77
- Chart types 79
- Bar charts 80
- Bubble charts 80
- Candlestick charts 80
- Column charts 81
- HighLowOpenClose charts 82
- Line charts 82
- Pie charts 83
- Plot charts 84
- Using MXML 85
- Writing a simple application 86
- About XML encoding 87
- About MXML tag properties 87
- How MXML relates to standards 88
- XML standards 89
- Event model standards 89
- Web services standards 89
- Java standards 89
- HTTP standards 90
- Graphics standards 90
- Using ActionScript 91
- (JavaScript) 92
- ActionScript compilation 93
- 94 Using ActionScript 94
- ActionScript classes 96
- 98 Using ActionScript 98
- Create Your First Application 101
- 5. Click Finish 102
- Create and run an application 104
- Retrieve and Display Data 107
- Set up your project 108
- 110 Retrieve and Display Data 110
- 112 Retrieve and Display Data 112
- 114 Retrieve and Display Data 114
- Populate a DataGrid control 115
- 116 Retrieve and Display Data 116
- Display a selected item 117
- Create a dynamic link 118
- Create a dynamic link 119 119
- 120 Retrieve and Display Data 120
- Create a Constraint-based 121
- Save the file 126
- Define the layout constraints 128
- ■ Left: 90 130
- ■ Right: 60 130
- ■ To p: 90 130
- ■ Bottom: 190 130
- Effect Anchors 133
- Use List-based 135
- Form Controls 135
- Populate the list 138
- Populate the list 139 139
- Use an Event Listener 143
- ■ ID: btnConvert 145
- ■ Label: Convert to Yen 145
- Write an event listener 146
- ActionScript 148
- 150 Use an Event Listener 150
- Use Behaviors 151
- Create a behavior 152
- Create a behavior 153 153
- 154 Use Behaviors 154
- ■ Y: 100 155
- 156 Use Behaviors 156
- Create a composite effect 157
- 158 Use Behaviors 158
- Use View States 159
- Design the base state 160
- Design the base state 161 161
- Flex Application 163
- Design a view state 164
- Design a view state 165 165
- Flex Builder inserted a 166
- Design a view state 167 167
- Create a transition 171
- Create a transition 173 173
- Create a Custom Component 175
- 176 Create a Custom Component 176
- 5. Save the file 177
- 7. Click Finish 178
- ■ Title: Member Login 179
- ■ Width: 275 179
- ■ Height: 150 179
- 180 Create a Custom Component 180
- Use the custom component 182
- Use the custom component 183 183
- 184 Create a Custom Component 184
- Use the custom component 185 185
- 186 Create a Custom Component 186
- Use the Code Editor 187
- Use Content Assist 188
- Use Content Assist 189 189
- Show line numbers 190
- Add a code comment 190
- Use the Outline view 191
- Show language reference Help 192
- Open a code definition 193
- 194 Use the Code Editor 194
- Debug an Application 195
- Create an MXML file 196
- Add a calculation function 198
- Run and test the application 199
- Set a breakpoint 200
- Debug the sample application 201
- Watch a variable 202
- Correct the coding error 203
- 204 Debug an Application 204
- Use Web Services 205
- Review the API documentation 206
- Insert and position controls 207
- 208 Use Web Services 208
- ■ ID: dgTopPosts 209
- ■ Width: 400 209
- Insert a WebService component 210
- 212 Use Web Services 212
- 214 Use Web Services 214
- Create a dynamic link 217 217
- 218 Use Web Services 218
- Use the Data Management 219
- Before you begin 220
- Create the user interface 221
- Create variables 223
- Initialize the application 223
- Send notes 224
- Handle returned data 224
- Java adapter 227
- View the assembler class 237
- View the fill methods 238
- View the sync method 240
- methods: 241
- Use ColdFusion Event 243
- Gateway Adapter 243
- Start Flex and ColdFusion 244
- Create the Flex application 246
- Send a message to ColdFusion 248
- Test the application 251
- Check e-mail messages 252
© 2020, manymanuals.fr. Tous droits réservés | 0.031 s |
Manymanuals.com
Manymanuals.de
Manymanuals.fr
Manymanuals.it
Manymanuals.pl
Manymanuals.cz
Manymanuals.es
Manymanuals-pt.com
Commentaires sur ces manuels