Macromedia dreamweaver 8-extending dreamweaver User Manual

Page of 504
Components panel files
411
2.
Write the JavaScript code to implement the new server component.
The extension file (HTM) defines the locations of the JavaScript code in the 
SCRIPT
 tag. 
These JavaScript files can 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 Configuration/Components/Common/WebServices/WebServices.htm 
file contains the line: 
<SCRIPT SRC="../../Common/WebServices/WebServicesCommon.js"></SCRIPT>.
For more information on the available Component API functions, see 
.
Populating the tree control
Use the 
ComponentRec
 property to populate a Components panel tree control, so that it 
appears within the Components panel in the proper location. Every node in a tree control 
must have the following properties: 
TI
P
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.
Property name
Description
Required/
Optional
name
Name of the tree node item
Required
image
Icon of the tree node item. If it is not specified, a 
default icon is used. 
Optional
hasChildren
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. 
Required
toolTipText
Tooltip text of the tree node item
Optional
isCodeViewDraggable 
Determines whether the item can be dragged and 
dropped into the Code view.
Optional
isDesignViewDraggable
Determines whether the item can be dragged and 
dropped into the Design view.
Optional