#native_company# #native_desc#
#native_cta#

Adobe Flash Builder 4: Data-centric Features for PHP Page 3

By PHP Builder Staff
on June 8, 2009

As you can see, there is no reason
for a User.php class that wraps all the
associated variables and maps to a corresponding Adobe
ActionScript class. The values are pulled directly from the
$user variable that is sent over as a generic
Object using the $user->value syntax.
Drag-and-Drop Data Binding
Make sure you have the Application
MXML file open and the Design view selected. Next, drag a
VDividedBox onto the stage. Then, drag a
DataGrid into it from the
Components window. Now select and drag the
getAllUsers() method from the
Data/Services tab and drop it on top of the
DataGrid. Switch to the Source view, and take a
look at the new code that was just generated for you.
Now, run the application.
Hopefully, without having made any modifications, your
browser window displays something similar to Figure 9. Of
course, if you didn’t bother to take the time to insert data
into your database, now might be a good time to go back and
do that; then, try running the application again.




Click here for larger image

Figure 9

Generating a Master Details Form
Next, auto-generate a
Master/Details form. With the main MXML
application file open, select the Design view again. Then,
right-click on the data grid and click Generate
Details Form
. In the first window
that appears, select the form options. Make sure you select
Master control from the first drop-down
list; the Make form editable check box
should already be selected. (Clear this check box if you do
not want the details of the selected item in the
DataGrid to be editable.) Next, select the
Make a new service call to get details
check box. The service you created earlier should already be
selected. In the Operation drop-down list,
select the getUser(userId:String):User[]
operation, as seen in Figure 10. When an item is selected in
the data grid, the corresponding information will be
displayed in the form that appears below it.




Click here for larger image

Figure 10

After clicking
Next, you will see a window that looks like
Figure 11. As you can see, the check box for the
id property has been cleared so that no ID is
displayed in the form. However, you also have the option of
displaying the value of a field without making it editable
by selecting Text instead of
TextInput for the corresponding
Control type. Now, click
Finish.




Click here for larger image

Figure 11

When you switch to Code view now,
you’ll notice that your application file is starting to be
somewhat lengthy. Figure 12 demonstrates what the
application looks like when an item is selected from the
DataGrid.




Click here for larger image

Figure 12