• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1183
  • Last Modified:

Using CFTREE to show recursive relationships

I'm struggling to expose a hierarchical query as a tree view in ColdFusion.  I just can't figure out the mechanics.  
Initially I want to expose it without a bind to a cfc.  Then I want to expose it with a bind to a cfc so I can take advantage of the complete tree not loading until it is clicked.

Here is what the first level needs to be exposed as:
First Level ExposedWhen you open all the levels:
Expanded
Here a sample table which ties the parent and children together.
CREATE TABLE mycurric
    (parent_cd_crs                  VARCHAR2(30 BYTE),
    child_cd_crs                   VARCHAR2(30 BYTE))
/
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('MASTERCU','CRSA');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('MASTERCU','LEVEL1ACU');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('MASTERCU','LEVEL1BCU');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('MASTERCU','LEVEL1CCU');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1ACU','CRSB');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1ACU','CRSC');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1ACU','CRSD');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1ACU','CRSE');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1BCU','LEVEL2ACU');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1BCU','LEVEL2BCU');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1BCU','LEVEL2CCU');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1CCU','CRSC');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL1CCU','CRSG');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL2ACU','CRSA');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL2ACU','CRSF');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL2BCU','CRSG');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL2CCU','LEVEL3ACU');
INSERT INTO mycurric (CURRIC_CD_CRS,CHILD_CD_CRS) 
VALUES('LEVEL3ACU','CRSD');

Open in new window


My attempt which didn't yield what I expected
<html>
<title> my curric TreeExample</Title>

<body>
    <cfform name="myform">
	
	<cfquery name="GetList" datasource="myConn" username="myuser" password="mypad">
            SELECT parent_cd_crs, child_cd_crs from mycurric</cfquery> 
	
	
        <cftree name="treeTest" height="400" width="200" format="html">
        <cftreeitem 
            query="GetList" 
            value="parent_cd_crs,child_cd_crs" 
			parent="parent_cd_crs"
            display="parent_cd_crs, child_cd_crs" 
			queryasroot="NO" expand="no">
        </cftree>
    <hr>
	
	
</cfform>
</body>
</html>

Open in new window


My output looks like this as it doesn't walk up tree
Bad Tree
0
E43509
Asked:
E43509
  • 3
  • 2
1 Solution
 
Pravin AsarCommented:
Looks like this a CF Bug .


Here is my test code.

<cfset qry=QueryNew("id,parentid,title","Integer,Integer,VarChar")>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",1)>
<cfset tt=QuerySetCell(qry,"title","Node 1")>
<cfset tt=QuerySetCell(qry,"parentid",0)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",11)>
<cfset tt=QuerySetCell(qry,"title","Node 1.1")>
<cfset tt=QuerySetCell(qry,"parentid",1)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",111)>
<cfset tt=QuerySetCell(qry,"title","Node 1.1.1")>
<cfset tt=QuerySetCell(qry,"parentid",11)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",12)>
<cfset tt=QuerySetCell(qry,"title","Node 1.2")>
<cfset tt=QuerySetCell(qry,"parentid",1)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",2)>
<cfset tt=QuerySetCell(qry,"title","Node 2")>
<cfset tt=QuerySetCell(qry,"parentid",0)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",21)>
<cfset tt=QuerySetCell(qry,"title","Node 2.1")>
<cfset tt=QuerySetCell(qry,"parentid",2)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",211)>
<cfset tt=QuerySetCell(qry,"title","Node 2.1.1")>
<cfset tt=QuerySetCell(qry,"parentid",21)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",22)>
<cfset tt=QuerySetCell(qry,"title","Node 2.2")>
<cfset tt=QuerySetCell(qry,"parentid",2)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",3)>
<cfset tt=QuerySetCell(qry,"title","Node 3")>
<cfset tt=QuerySetCell(qry,"parentid",0)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",31)>
<cfset tt=QuerySetCell(qry,"title","Node 3.1")>
<cfset tt=QuerySetCell(qry,"parentid",3)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",311)>
<cfset tt=QuerySetCell(qry,"title","Node 3.1.1")>
<cfset tt=QuerySetCell(qry,"parentid",31)>

<cfset tt=QueryAddRow(qry)>
<cfset tt=QuerySetCell(qry,"id",32)>
<cfset tt=QuerySetCell(qry,"title","Node 3.2")>
<cfset tt=QuerySetCell(qry,"parentid",3)>

<cfform name="f1" format="html">
      <table>
            <tr>
                  <td>TREE (QUERY)
                  </td>
                  <td>TREE (LOOP)
                  </td>
            </tr>
            <tr>
                  <td>
      <cftree format="html" name="Testtree1" label="TREE1 (BUG ???)"  >
                  <cftreeitem query="qry"   value="id" display="title" parent="parentid"/>
      </cftree>
                        
                  </td>
                  <td>
      <cftree format="html" name="Testtree2"  label="TREE2 (WORKS)" >
            <cfloop query="qry"  >
                  <cftreeitem  value="#id#" display="#title#" parent="#parentid#"/>
            </cfloop>
      </cftree>
                        
                  </td>
            </tr>
      </table>
            
</cfform>
0
 
E43509Author Commented:
Thank you.
I've been beating myself up trying to noodle out how this tag worked and not getting anything good out of it.
Appreciate your timely response.
I was wondering if I should stay away from the cftree tag and devote my efforts toward a javascript/css solution instead?  I could not find a lot of info when I google'd CFTREE.  
Which way would you lean?
Thanks again.
0
 
Gurpreet Singh RandhawaWeb DeveloperCommented:
yes, certainly a CSS?javascript/Jquery Solution would be much better, if you still wanna use cftree, i suggest you to look into the custom tag cfx_tree which is free and quite advantageous ranther than cftree.

or you can create a custom tag to make recursive calls. but that may slow down the things
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
E43509Author Commented:
Thanks.
I could not find cfx_tree in my searches ... do you have a url?
I found a cf_dbtree ($)
0
 
E43509Author Commented:
Excellent and robust response.
0
 
Gurpreet Singh RandhawaWeb DeveloperCommented:
i checked this too

http://www.cftagstore.com/tags/cftreecontrol.cfm

a customtag but worth its usage
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now