KoolTreeView - Great PHP TreeViewFullVersion 3.0.0.0 released on 10/22/2012

KoolTreeView supports adding data to a tree node from server-side with addData() method. Those added data can be retrieved easily at client-side with getData() function of treenode.

Above example show you:

• - How to add author, image, price information to node.
• - How to get those information to display at client-side.

span style="color: #ff0000;">"/KoolTreeView/kooltreeview.php""treeview");
	$treeview->scriptFolder = $KoolControlsFolder."/KoolTreeView";
	$treeview->imageFolder=$KoolControlsFolder."/KoolTreeView/icons";
	$treeview->styleFolder = "default";
	
	
	$root = $treeview->getRootNode();
	$root->text = "My Gallery""woman2S.gif";
	$root->addData("image","");
	$root->addData("name","Welcome to my gallery !");
 
	$node=$treeview->Add("root","CGallery","Color Gallery""bfly.gif","");
		$node->addData("image","");
		$node->addData("name","Welcome to color Gallery");	
	$node=$treeview->Add("CGallery","P1","Picture #1""square_blueS.gif","");	
		$node->addData("image","P01.jpg");
		$node->addData("name","Lodory and new");
		$node->addData("auth","Jenny Fans");
		$node->addData("price","$1000");
	$node=$treeview->Add("CGallery","P2","Picture #2""square_greenS.gif","");
		$node->addData("image","P02.jpg");
		$node->addData("name","Chammy look");
		$node->addData("auth","Jenny Fans");
		$node->addData("price","$4000");
	$node=$treeview->Add("CGallery","P3","Picture #3""square_redS.gif","");
		$node->addData("image","P03.jpg");
		$node->addData("name","Think and do");
		$node->addData("auth","Tonny Parker");
		$node->addData("price","$1030");
	$node=$treeview->Add("CGallery","P4","Picture #4""square_yellowS.gif","");
		$node->addData("image","P04.jpg");
		$node->addData("name","How can you do it");
		$node->addData("auth","Tonny Parker");
		$node->addData("price","$2500");
		
	$node=$treeview->Add("root","BWgallery"," Black & White""help_page.gif","");
		$node->addData("image","");
		$node->addData("name","Welcome to Black & White Gallery");
	$node=$treeview->Add("BWgallery","a1","Picture #1""help_page.gif","");
		$node->addData("image","P11.jpg");
		$node->addData("name","Coming world");
		$node->addData("auth","Jenny Fans");
		$node->addData("price","$2500");
	$node=$treeview->Add("BWgallery","a2","Picture #2""help_page.gif","");	
		$node->addData("image","P12.jpg");
		$node->addData("name","Lucky feeling");
		$node->addData("auth","Cham Lenxy");
		$node->addData("price","$3000");
	$node=$treeview->Add("BWgallery","a3","Picture #3""help_page.gif","");	
		$node->addData("image","P13.jpg");
		$node->addData("name","The day and night");
		$node->addData("auth","To Ngoc Van");
		$node->addData("price","$5000""text/css" rel="stylesheet">
	 #img
#name, #price, #auth
	 {
		padding: 3px;
		margin:5px;		
	 }
	  #columnleft
	 {
	  float:left;
	  width:200px;
	  height:180px;	 
		margin : 5px;
		padding : 10px;
	 }
	  #columnright
	 {
	  float:left;
	  width:200px;
	  height:180px;	  
	  margin : 5px;
	  padding : 10px;
	 }	
</style>
 
<div id="columnleft""columright">
	<fieldset style="width:320px; height: 145px; ""float:left;">    <div id="img" align="center"></div></div>
		<div style="float:left;">  
			<div id="name" ></div>
			<div id="auth" ></div>
			<div id="price"></div>
		</div>
	</fieldset>			
</div>
<div style="clear:both;"></div>
<script type="text/javascript""image""""name""auth""price"'img').innerHTML = "<img src='Images/" + image +"' >"'name').innerHTML = "<i>Picture name : </i><br /><b>" + name + "</b>"'auth').innerHTML = "<i>Author : </i><br /><b>" + auth + "</b>"'price').innerHTML = "<i>Price : </i><br /><b>" + price + "</b>""name"'img''name').innerHTML = ""'auth').innerHTML = ""'price').innerHTML = "" ;
		}
    }
    treeview.registerEvent("OnSelect"

• • TreeNode :: addData()
• • TreeNode :: getData()