[Sign Up][Log In]

type

Indicates wich type of output you want to create. The attribute type is required if the attribute action is "get".
The types supported by DBTree are:

• list (default)
• linked
• clicktree
• hovertree
• checkbox
• path
• select
• simple
• advanced

list (default)

This type outputs a simple unordered list with no links. See this example.

<cf_dbtree
datasource="datasource name"
table="table name"
action="get"
type="list"
id="column name"
parent="column name"
contentfield="column name">

[ Up ]

linked

This type outputs an unordered list with links. See this example.

<cf_dbtree
datasource="datasource name"
table="table name"
action="get"
type="linked"
instancename="id of the list" 
contentfield="column name">

[ Up ]

clicktree

This type outputs an unordered list with links and in combination with the javascript file it acts on mouseclick events. See this example.

<cf_dbtree
datasource="datasource name"
table="table name"
action="get"
type="clicktree"
instancename="id of the list" 
contentfield="column name">

[ Up ]

hovertree

Unlike the "clicktree" type, this type acts on mouseover events. See this example.

<cf_dbtree
datasource="datasource name"
table="table name"
action="get"
type="hovertree"
instancename="id of the list" 
contentfield="column name">

[ Up ]

checkbox

This type outputs an unordered list with checkboxes. See the example.

<cf_dbtree
datasource="datasource name"
table="table name"
action="get"
type="checkbox"
instancename="id of the checkboxes" 
contentfield="column name">

[ Up ]

path

This type outputs an unordered list as a path from one node to another. See this example.

<cf_dbtree
datasource="datasource name"
table="table name"
action="get"
type="path"
contentfield="column name">

[ Up ]

select

This type outputs a selectbox. See the examples.

<cf_dbtree
datasource="datasource name"
table="table name"
action="get"
type="select"
instancename="id and name of the selectbox" 
contentfield="somefield">

[ Up ]

simple

This type is used when the action="edit". DBTree displays an unordered list with links/buttons for each node to do modifications. See the example.

<cf_dbtree
instancename="id of the menu"
datasource="name of the datasource"
table="name of the database table"
action="edit"
type="simple"
contentfield="column name"
editpage="path to the edit page"
btn_addroot="create new root"
btn_moveroot="[move to root]"
btn_add="[add]"
btn_edit="[edit]"
btn_delete="[delete]"
btn_up="[up]"
btn_down="[down]">

[ Up ]

advanced

This type is used when the action="edit". DBTree in conjunction with dbtree.js displays a Treeview with features such as drag & drop, right-click contextmenu and CSS styling. See the example.

<cfmodule template="relative path to dbtree.cfm"
instancename="treeview"
action="edit"
type="advanced"
datasource="name of the datasource"
table="name of the database table"
contentfield="column name"
editpage="web/demo/edittree2.cfm"
btn_addroot="create new root"
btn_moveroot="move to root"
btn_add="add node"
btn_edit="edit node"
btn_delete="delete node"
btn_up="move upwards"
btn_down="move downwards"
item="images/bullet.gif"
folderopen="images/minus.gif"
folderclosed="images/plus.gif"
imagewidth="20px"
imageheight="20px"
fontsize="13px"
color="000"
contextlinkcolor="000"
contextlinkcolor_over="fff"
contextbgcolor="eee"
contextbgcolor_over="6ea4f4"
tipcolor="fff"
tipbgcolor="6ea4f4">

[ Up ]