{hidden}
DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY, UNLESS YOU KNOW WHAT YOU'RE DOING.
		THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO EXTRACT CHANGES FROM THE PAGE AND MERGE THEM BACK INTO SERVOY SOURCE{hidden}
\\ 

{table:id=|class=servoy sReturnTypes}{tr:style=height: 30px;}{th}Return Types{th}{tr}{tr}{td}{span:class=sWordList}[Binding]{span}{span:class=sWordList}[Column]{span}{td}{tr}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Property Summary{th}{tr}{tbody}{tr}{td}[String]{td}{td}[#bgcolor]
{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#enabled]
{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#fgcolor]
{td}{tr}{tbody}{tbody}{tr}{td}[Object]\[]{td}{td}[#selectionPath]
Get/Set the selection (path), array with pk records values (only single pk key supported){td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#toolTipText]
{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#transparent]
{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#visible]
{td}{tr}{tbody}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method Summary{th}{tr}{tbody}{tr}{td}[Number]{td}{td}[#addRoots]\(foundset)
Add foundset to the list of foundsets used to create the tree's root nodes.{td}{tr}{tbody}{tbody}{tr}{td}[Binding]{td}{td}[#createBinding]\(datasource/servername, \[tablename\])
Create and add binding object for a database table used to set data bindings for nodes.{td}{tr}{tbody}{tbody}{tr}{td}[Column]{td}{td}[#createColumn]\(servername, tablename, header, fieldname, \[preferredWidth\])
Create and add new column to the tree table{td}{tr}{tbody}{tbody}{tr}{td}[RelationInfo]{td}{td}[#createRelationInfo]\()
Create relation info object used to set multiple child relations for a tree node{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getHeight]\()
Returns the height of the tree.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getLocationX]\()
Get the x coordinate of the location of the tree.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getLocationY]\()
Get the y coordinate of the location of the tree.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getName]\()
Returns the name of the tree.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getWidth]\()
Returns the width of the tree.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#isNodeExpanded]\(path)
Check the path (array with pk records values (only single pk key supported)) expanded status{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#refresh]\()
Refresh the tree display{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#removeAllColumns]\()
Remove all columns but the tree column from the tree table{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#removeAllRoots]\()
Remove all root foundsets{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setExpandNode]\(path, expand_collapse)
Expand/collapse the path, array with pk records values (only single pk key supported){td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setFont]\(spec)
Sets the specified font as the font of the tree.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setLocation]\(x, y)
Sets the location of the tree.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setNodeLevelVisible]\(level, visible)
Set the level of visible nodes (expand or collapse to certain level){td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setOnDrag]\(callback)
Set method to be called when a drag is started on the tree.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setOnDragEnd]\(callback)
Set method to be called when a drag of on the tree is ended.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setOnDragOver]\(callback)
Set method to be called during a drag over the tree.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setOnDrop]\(callback)
Set method to be called on a drop on the tree.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setRowHeight]\(rowHeight)
Set row height{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setSize]\(x, y)
Sets the size of the tree.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setTreeColumnHeader]\(treeColumnHeader)
Set the header text for the tree column{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setTreeColumnPreferredWidth]\(treeColumnPreferredWidth)
Set the preferred width in pixels for the tree column{td}{tr}{tbody}{table}\\ 

{table:id=property|class=servoy sDetail}{colgroup}{column:padding=0px|width=100%}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Property Details{th}{tr}{tbody:id=bgcolor|class=node}{tr:id=name}{td}h6.bgcolor{td}{tr}{tr:id=des}{td}Replace with description{td}{tr}{tr:id=ret}{td}*Returns*\\ [String]{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=enabled|class=node}{tr:id=name}{td}h6.enabled{td}{tr}{tr:id=des}{td}Replace with description{td}{tr}{tr:id=ret}{td}*Returns*\\ [Boolean]{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=fgcolor|class=node}{tr:id=name}{td}h6.fgcolor{td}{tr}{tr:id=des}{td}Replace with description{td}{tr}{tr:id=ret}{td}*Returns*\\ [String]{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=selectionPath|class=node}{tr:id=name}{td}h6.selectionPath{td}{tr}{tr:id=des}{td}Get/Set the selection (path), array with pk records values (only single pk key supported){td}{tr}{tr:id=ret}{td}*Returns*\\ [Object]\[]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.selectionPath = new Array(14,24,45,67);
var currentSelectionArray = elements.customer_id.selectionPath;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=toolTipText|class=node}{tr:id=name}{td}h6.toolTipText{td}{tr}{tr:id=des}{td}Replace with description{td}{tr}{tr:id=ret}{td}*Returns*\\ [String]{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=transparent|class=node}{tr:id=name}{td}h6.transparent{td}{tr}{tr:id=des}{td}Replace with description{td}{tr}{tr:id=ret}{td}*Returns*\\ [Boolean]{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=visible|class=node}{tr:id=name}{td}h6.visible{td}{tr}{tr:id=des}{td}Replace with description{td}{tr}{tr:id=ret}{td}*Returns*\\ [Boolean]{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}\\ 

{table:id=function|class=servoy sDetail}{colgroup}{column:padding=0px|width=100%}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Method Details{th}{tr}{tbody:id=addRoots|class=node}{tr:id=name}{td}h6.addRoots{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}addRoots{span}{span:id=iets|style=float: left;}\(foundset){span}{td}{tr}{tr:id=des}{td}Add foundset to the list of foundsets used to create the tree's root nodes.
Returns the number of added root nodes.
Note: the bean will use a clone of the foundset, so any changes on the foundset parameter will be ignored in the tree.{td}{tr}{tr:id=prs}{td}*Parameters*\\foundset
{td}{tr}{tr:id=ret}{td}*Returns*\\ [Number]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
//Add foundset to the list of foundsets used to create the tree's root nodes.
Returns the number of added root nodes.
Note: the bean will use a clone of the foundset, so any changes on the foundset parameter will be ignored in the tree.
var addedRootNodes = elements.customer_id.addRoots(foundset);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=createBinding|class=node}{tr:id=name}{td}h6.createBinding{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Binding]{span}{span:id=iets|style=float: left; font-weight: bold;}createBinding{span}{span:id=iets|style=float: left;}\(datasource/servername, \[tablename\]){span}{td}{tr}{tr:id=des}{td}Create and add binding object for a database table used to set data bindings for nodes.{td}{tr}{tr:id=prs}{td}*Parameters*\\datasource/servername
\[tablename\]
{td}{tr}{tr:id=ret}{td}*Returns*\\ [Binding]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var companies_binding = elements.customer_id.createBinding('example_data', 'companies');
companies_binding.setTextDataprovider('company_name');
companies_binding.setNRelationName('companies_to_companies');
companies_binding.setImageURLDataprovider('type_icon');
companies_binding.setChildSortDataprovider('company_sort');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=createColumn|class=node}{tr:id=name}{td}h6.createColumn{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Column]{span}{span:id=iets|style=float: left; font-weight: bold;}createColumn{span}{span:id=iets|style=float: left;}\(servername, tablename, header, fieldname, \[preferredWidth\]){span}{td}{tr}{tr:id=des}{td}Create and add new column to the tree table{td}{tr}{tr:id=prs}{td}*Parameters*\\servername
tablename
header
fieldname
\[preferredWidth\]
{td}{tr}{tr:id=ret}{td}*Returns*\\ [Column]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.createColumn('servername', 'tablename', 'header text', 'tablefieldname', 150);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=createRelationInfo|class=node}{tr:id=name}{td}h6.createRelationInfo{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[RelationInfo]{span}{span:id=iets|style=float: left; font-weight: bold;}createRelationInfo{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Create relation info object used to set multiple child relations for a tree node{td}{tr}{tr:id=ret}{td}*Returns*\\ [RelationInfo]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var company_relations = new Array();
company_relations[0] = elements.customer_id.createRelationInfo();
company_relations[0].setLabel('Employees');
company_relations[0].setNRelationName('companies_to_employees');
company_relations[1] = elements.customer_id.createRelationInfo();
company_relations[1].setLabel('Customers');
company_relations[1].setNRelationName('companies_to_customers');
companies_binding.setNRelationInfos(company_relations);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getHeight|class=node}{tr:id=name}{td}h6.getHeight{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getHeight{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Returns the height of the tree.{td}{tr}{tr:id=ret}{td}*Returns*\\ [Number]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.getHeight();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLocationX|class=node}{tr:id=name}{td}h6.getLocationX{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getLocationX{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Get the x coordinate of the location of the tree.{td}{tr}{tr:id=ret}{td}*Returns*\\ [Number]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.getLocationX();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLocationY|class=node}{tr:id=name}{td}h6.getLocationY{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getLocationY{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Get the y coordinate of the location of the tree.{td}{tr}{tr:id=ret}{td}*Returns*\\ [Number]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.getLocationY();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getName|class=node}{tr:id=name}{td}h6.getName{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[String]{span}{span:id=iets|style=float: left; font-weight: bold;}getName{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Returns the name of the tree.{td}{tr}{tr:id=ret}{td}*Returns*\\ [String]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.getName();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getWidth|class=node}{tr:id=name}{td}h6.getWidth{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getWidth{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Returns the width of the tree.{td}{tr}{tr:id=ret}{td}*Returns*\\ [Number]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.getWidth();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=isNodeExpanded|class=node}{tr:id=name}{td}h6.isNodeExpanded{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}isNodeExpanded{span}{span:id=iets|style=float: left;}\(path){span}{td}{tr}{tr:id=des}{td}Check the path (array with pk records values (only single pk key supported)) expanded status{td}{tr}{tr:id=prs}{td}*Parameters*\\path
{td}{tr}{tr:id=ret}{td}*Returns*\\ [Boolean]{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var pathArray = new Array(14,24,45,67);
elements.customer_id.isNodeExpanded(pathArray);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=refresh|class=node}{tr:id=name}{td}h6.refresh{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}refresh{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Refresh the tree display{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.refresh();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeAllColumns|class=node}{tr:id=name}{td}h6.removeAllColumns{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}removeAllColumns{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Remove all columns but the tree column from the tree table{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.removeAllColumns();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeAllRoots|class=node}{tr:id=name}{td}h6.removeAllRoots{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}removeAllRoots{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}Remove all root foundsets{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.removeAllRoots();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setExpandNode|class=node}{tr:id=name}{td}h6.setExpandNode{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setExpandNode{span}{span:id=iets|style=float: left;}\(path, expand_collapse){span}{td}{tr}{tr:id=des}{td}Expand/collapse the path, array with pk records values (only single pk key supported){td}{tr}{tr:id=prs}{td}*Parameters*\\path
expand_collapse
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var pathArray = new Array(14,24,45,67);
elements.customer_id.setExpandNode(pathArray, true);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setFont|class=node}{tr:id=name}{td}h6.setFont{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setFont{span}{span:id=iets|style=float: left;}\(spec){span}{td}{tr}{tr:id=des}{td}Sets the specified font as the font of the tree.{td}{tr}{tr:id=prs}{td}*Parameters*\\spec
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setFont('Times New Roman, 1, 22');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setLocation|class=node}{tr:id=name}{td}h6.setLocation{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setLocation{span}{span:id=iets|style=float: left;}\(x, y){span}{td}{tr}{tr:id=des}{td}Sets the location of the tree.{td}{tr}{tr:id=prs}{td}*Parameters*\\x
y
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setLocation(120,80);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setNodeLevelVisible|class=node}{tr:id=name}{td}h6.setNodeLevelVisible{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setNodeLevelVisible{span}{span:id=iets|style=float: left;}\(level, visible){span}{td}{tr}{tr:id=des}{td}Set the level of visible nodes (expand or collapse to certain level){td}{tr}{tr:id=prs}{td}*Parameters*\\level
visible
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setNodeLevelVisible(globals.g_treeview_level, (globals.g_treeview_expand == 1 ? true : false));
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setOnDrag|class=node}{tr:id=name}{td}h6.setOnDrag{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setOnDrag{span}{span:id=iets|style=float: left;}\(callback){span}{td}{tr}{tr:id=des}{td}Set method to be called when a drag is started on the tree. For more details about the method arguments and return value check the same property of a form{td}{tr}{tr:id=prs}{td}*Parameters*\\callback
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setOnDrag(onDrag);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setOnDragEnd|class=node}{tr:id=name}{td}h6.setOnDragEnd{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setOnDragEnd{span}{span:id=iets|style=float: left;}\(callback){span}{td}{tr}{tr:id=des}{td}Set method to be called when a drag of on the tree is ended. For more details about the method arguments and return value check the same property of a form{td}{tr}{tr:id=prs}{td}*Parameters*\\callback
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setOnDragEnd(onDragEnd);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setOnDragOver|class=node}{tr:id=name}{td}h6.setOnDragOver{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setOnDragOver{span}{span:id=iets|style=float: left;}\(callback){span}{td}{tr}{tr:id=des}{td}Set method to be called during a drag over the tree. For more details about the method arguments and return value check the same property of a form{td}{tr}{tr:id=prs}{td}*Parameters*\\callback
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setOnDragOver(onDragOver);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setOnDrop|class=node}{tr:id=name}{td}h6.setOnDrop{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setOnDrop{span}{span:id=iets|style=float: left;}\(callback){span}{td}{tr}{tr:id=des}{td}Set method to be called on a drop on the tree. For more details about the method arguments and return value check the same property of a form{td}{tr}{tr:id=prs}{td}*Parameters*\\callback
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setOnDrop(onDrop);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setRowHeight|class=node}{tr:id=name}{td}h6.setRowHeight{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setRowHeight{span}{span:id=iets|style=float: left;}\(rowHeight){span}{td}{tr}{tr:id=des}{td}Set row height{td}{tr}{tr:id=prs}{td}*Parameters*\\rowHeight
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setRowHeight(40);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setSize|class=node}{tr:id=name}{td}h6.setSize{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setSize{span}{span:id=iets|style=float: left;}\(x, y){span}{td}{tr}{tr:id=des}{td}Sets the size of the tree.{td}{tr}{tr:id=prs}{td}*Parameters*\\x
y
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setSize(400,300);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setTreeColumnHeader|class=node}{tr:id=name}{td}h6.setTreeColumnHeader{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setTreeColumnHeader{span}{span:id=iets|style=float: left;}\(treeColumnHeader){span}{td}{tr}{tr:id=des}{td}Set the header text for the tree column{td}{tr}{tr:id=prs}{td}*Parameters*\\treeColumnHeader
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setTreeColumnHeader('Tree Column Header');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setTreeColumnPreferredWidth|class=node}{tr:id=name}{td}h6.setTreeColumnPreferredWidth{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setTreeColumnPreferredWidth{span}{span:id=iets|style=float: left;}\(treeColumnPreferredWidth){span}{td}{tr}{tr:id=des}{td}Set the preferred width in pixels for the tree column{td}{tr}{tr:id=prs}{td}*Parameters*\\treeColumnPreferredWidth
{td}{tr}{tr:id=ret}{td}*Returns*\\void{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
elements.customer_id.setTreeColumnPreferredWidth(200);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}