Adobe 38040334 - Dreamweaver CS3 User Manual page 315

Filename Description
*.gif The image that appears in the Components pop-up menu.
*Menus.xml The repository for metadata that organizes the Components panel
structure. Although the common WebServices component does not
use this file, you can refer to the file WebServicesMenus.xml in the
application folder Components/ColdFusion/ WebServices as
an example.
*.gif Toolbar images, which can be enabled or disabled, as shown in the
following example:
ToolBarImageUp.gif
ToolBarImageDown.gif
ToolBarImageDisabled.gif
Or, tree node images.
Note: Keep the same prefix throughout all the files that correspond to one component so that each file and its corre-
sponding component can be identified easily.
2 Write the JavaScript code to implement the new server component.
The extension file (HTM) defines the locations of the JavaScript code in the
reside in the Shared folder, in the same folder as the extension file, or in the Common folder for code that applies to
multiple server models.
For example, the WebServices.htm file in the Configuration/Components/Common/WebServices/ folder contains
the line:
<SCRIPT SRC="../../Common/WebServices/WebServicesCommon.js"></SCRIPT>
For more information on the available Component API functions, see "Components panel API functions" on
page 310.
When adding a new service, you might want to use the Components panel to browse meta information so that the
information is readily available as you create the extension. Dreamweaver can browse added components and
display nodes in the component tree. The Components panel provides drag-and-drop support and keyboard support in
Code view.
Populating the tree control
Use the property to populate a Components panel tree control, so that it appears within the Compo-
ComponentRec
nents panel in the proper location. Every node in a tree control must have the following properties:
Property name
name
image
hasChildren
Description
Name of the tree node item
Icon of the tree node item. If it is not specified, a default icon is
used.
Responds to clicks on the Plus (+) and Minus (-) buttons in the tree
control by loading children.You can work with a tree that is not
prepopulated.
Extending Dreamweaver
Required/Optional
Required
Optional
Optional
tag. These JavaScript files can
SCRIPT
Required/Optional
Required
Optional
Required
DREAMWEAVER CS3
309