Database controls – Adobe Extending Dreamweaver CS4 User Manual
Page 91
85
EXTENDING DREAMWEAVER CS4
User interfaces for extensions
}
</script>
</head>
<body>
<div name="test">
<form name="myForm">
<table>
<tr>
<td colspan="2">
<h4>Select your favorite</h4>
</td>
</tr>
<tr>
<td>Sport:</td>
<td>
<select name="mySelect" editable="true" style="width:150px"
editText="Editable Text">
<option> Baseball</option>
<option> Football </option>
<option> Soccer </option>
</select>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
3
Save the file as EditableSelectTest.htm in the Dreamweaver Configuration/Commands folder.
Test the example
1
Restart Dreamweaver.
2
Select Commands > EditableSelectTest.
When you select a value from the list, an alert message displays the index of the value and the text. If you enter a
value, an alert message indicates that nothing is selected.
Database controls
Database controls facilitate the display of data hierarchies and fields.
Using Dreamweaver, you can extend the HTML
select
tag to create a database tree control. You can also add a
variable grid control. The database tree control displays database schema, and the variable grid control displays tabular
information.