Adobe Dreamweaver CC 2015 - Manual (Page 661)

654
Building applications visually
Last updated 6/3/2015
2 In the Connection pop-up menu, select a connection to the database.
Click the Define button if you need to define a connection.
3 In the Table To Update pop-up menu, select the database table that contains the record to update.
4 In the Select Record From pop-up menu, specify the recordset that contains the record displayed in the HTML form.
5 In the Unique Key Column pop-up menu, select a key column (usually the record ID column) to identify the record
in the database table.
If the value is a number, select the Numeric option. A key column usually accepts only numeric values, but
sometimes it accepts text values.
6 In the After Updating, Go To box, enter the page to open after the record updates in the table.
7 In the Form Fields area, specify which columns in your database table each form object should update.
By default, Dreamweaver creates a form object for each column in the database table. If your database automatically
generates unique key IDs for each new record created, remove the form object corresponding to the key column by
selecting it in the list and clicking the Minus (-) button. This eliminates the risk that the user of the form will enter
an ID value that already exists.
You can also change the order of the form objects on the HTML form by selecting a form object in the list and
clicking the up or down arrow on the right side of the dialog box.
8 Specify how each data-entry field should appear on the HTML form by clicking a row in the Form Fields table and
entering the following information in the boxes below the table:
• In the Label box, enter a descriptive label to display beside the data-entry field. By default, Dreamweaver displays
the table column’s name in the label.
• In the Display As pop-up menu, select a form object to serve as the data-entry field. You can select Text Field,
Text Area, Menu, Checkbox, Radio Group, and Text. For read-only entries, select Text. You can also select
Password Field, File Field, and Hidden Field.
Note: Hidden fields are inserted at the end of the form.
• In the Submit As pop-up menu, select the data format expected by your database table. For example, if the table
column only accepts numeric data, select Numeric.
• Set the form object’s properties. You have different options depending on the form object you select as your data-
entry field. For text fields, text areas, and text, you can enter an initial value. For menus and radio groups, you
open another dialog box to set the properties. For options, select the Checked or Unchecked option.
9 Set the properties of other form objects by selecting another Form Fields row and entering a label, Display As value,
and Submit As value.
For menus and radio groups, open another dialog box to set the properties. For options, define a comparison
between the current record’s value for the option and a given value to determine whether the option is checked when
the record is displayed.
10 Click OK.
Dreamweaver adds both an HTML form and an Update Record server behavior to your page.
The data object adds both an HTML form and an Update Record server behavior to your page. The form objects are
laid out in a basic table, which you can customize using the Dreamweaver page design tools. (Make sure all the form
objects remain within the form’s boundaries.)
To edit the server behavior, open the Server Behaviors panel (Window > Server Behaviors) and double-click the
Update Record behavior.