<?php require $KoolControlsFolder."/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder."/KoolTreeView"; $treeview->imageFolder=$KoolControlsFolder."/KoolTreeView/icons"; $treeview->styleFolder="default"; $treeview->showLines = true; $root = $treeview->getRootNode(); $root->text = "Link Node"; $root->expand=true; $root->image="xpNetwork.gif"; $treeview->Add("root","links","Links",true,"square_blueS.gif",""); $treeview->Add("links","google","<a href='http://www.google.com' target='_blank'>Google.Com</a>",true,"ball_glass_redS.gif",""); $treeview->Add("links","php","<a href='http://www.php.net' target='_blank'>PHP.Net</a>",true,"ball_glass_redS.gif",""); $treeview->Add("links","koolphp","<a href='http://www.koolphp.net' target='_blank'>KoolPHP HomePage</a>",true,"ball_glass_redS.gif",""); $treeview->Add("root","javascript","Javascript",true,"square_greenS.gif",""); $treeview->Add("javascript","sayhello","<a href=\"javascript:alert('Hello world!')\">Say Hello</a>",true,"triangle_redS.gif",""); ?> <div style="padding:10px;"> <?php echo $treeview->Render();?>
<?php require $KoolControlsFolder."/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder."/KoolTreeView"; $treeview->imageFolder=$KoolControlsFolder."/KoolTreeView/icons"; $treeview->styleFolder="vista"; $treeview->showLines = true; $root = $treeview->getRootNode(); $root->expand=true; $root->visible = false; $treeview->Add("root","books","Books"); $treeview->Add("books","arts","Arts"); $treeview->Add("books","biographies","Biographies"); $treeview->Add("books","cooking","Cooking"); $treeview->Add("books","history","History"); $treeview->Add("books","travel","Travel"); $treeview->Add("root","music","Music"); $treeview->Add("music","alternative","Alternative"); $treeview->Add("music","blue","Blue"); $treeview->Add("music","classical","Classical"); $treeview->Add("music","hardrock","Hard Rock"); $treeview->Add("music","jazz","Jazz"); $treeview->Add("music","folk","Folk"); $treeview->Add("root","movies","Movies");
$treeview->DragAndDropEnable = true; $treeview->EditNodeEnable = true; $treeview->showLines = true; //Root $root = $treeview->getRootNode(); $root->text = "Local Disk(C:)"; $root->expand=true; $root->image="xpDriveA.gif"; //Add item from database foreach($arrtree as $node) { $treeview->Add($node["parentid"],$node["id"],$node["text"],$node["expand"],$node["image"]); } } function sortTree($nodeid,$arTree) { $res = array(); for($i=0;$i<sizeof($arTree);$i++) if ($arTree[$i]["parentid"]==$nodeid) { array_push($res,$arTree[$i]); $subres = sortTree($arTree[$i]["id"],$arTree); for ($j=0;$j<sizeof($subres);$j++) array_push($res,$subres[$j]); } return $res;
$software_tree->Add("office", "msoffice", "Microsoft Office 2007", false, "square_redS.gif", ""); $software_tree->Add("office", "ooffice", "Open Office 2.4", false, "square_greenS.gif", ""); $software_tree->Add("root", "burning", "Burn CD/DVD", false, "xpShared.gif", ""); $software_tree->Add("burning", "nero", "Nero 8", false, "triangle_yellowS.gif", ""); $software_tree->Add("burning", "k3b", "K3B <i>(on Ubuntu)</i>", false, "triangle_blueS.gif", ""); $software_tree->Add("root", "imageeditor", "Image editors", false, "goblet_bronzeS.gif", ""); $software_tree->Add("imageeditor", "photoshop", "Photoshop 10", false, "ball_glass_blueS.gif", ""); $software_tree->Add("imageeditor", "gimp", "GIMP 2.3.4", false, "ball_glass_greenS.gif", ""); $software_tree->showLines = true; //Create books treeview $books_tree = new KoolTreeView("books_tree"); $books_tree->imageFolder = $KoolControlsFolder . "/KoolTreeView/icons"; $books_tree->styleFolder = $KoolControlsFolder . "/KoolTreeView/styles/default"; $books_tree->getRootNode()->visible = false; $books_tree->getRootNode()->expand = true; $books_tree->Add("root", "ajax", "Ajax For Dummies", false, "BookY.gif", ""); $books_tree->Add("root", "csharp", "Mastering C#", false, "BookY.gif", ""); $books_tree->Add("root", "flash", "Flash 8 Bible", false, "BookY.gif", ""); $books_tree->showLines = true; //Create SlideMenu $ksm = new KoolSlideMenu("sm"); $ksm->styleFolder = $KoolControlsFolder . "/KoolSlideMenu/styles/bluearrow"; //Create parent hardware and add hardware tree inside subpanel $ksm->addParent("root", "hardware", "Hardware", "", true); $ksm->addPanel("hardware", "hardware_tree_panel", $hardware_tree->Render()); //Create parent software and add software tree inside subpanel $ksm->addParent("root", "software", "Software"); $ksm->addPanel("software", "software_tree_panel", $software_tree->Render()); //Create parent books and add books tree inside subpanel $ksm->addParent("root", "books", "Books"); $ksm->addPanel("books", "books_tree_panel", $books_tree->Render());
<?php require $KoolControlsFolder."/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder."/KoolTreeView"; $treeview->imageFolder="Images"; $treeview->styleFolder="default"; $treeview->showLines = true; //Create TreeView 1 $root = $treeview->getRootNode(); $root->text = "Personal Folders"; $root->expand=true; $root->image="1PersonalFolders.gif"; $treeview->Add("root","deleteditem","Deleted Items (6)",false,"2DeletedItems.gif"); $treeview->Add("root","draft","Drafts",false,"3Drafts.gif"); $treeview->Add("root","inbox","<b>Inbox (14)</b>",true,"4Inbox.gif"); $treeview->Add("inbox","invoice","Invoices",false,"folder.gif"); $treeview->Add("root","junkemail","Junk E-mail",false,"folder.gif"); $treeview->Add("root","outbox","Outbox",false,"outbox.gif"); $treeview->Add("root","sentitem","Sent Items",false,"sent.gif"); $treeview->Add("root","searchfolder","Search Folder",true,"searchFolder.gif"); $treeview->Add("searchfolder","followup","From Follow Up",false,"searchFolder.gif"); $treeview->Add("searchfolder","largeemail","Large E-mail",false,"searchFolder.gif"); $treeview->Add("searchfolder","unreademail","Unread E-mail",false,"searchFolder.gif"); $treeview->multipleSelectEnable = true; ?>
<?php $KoolControlsFolder = "../../../../KoolControls"; require $KoolControlsFolder . "/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder . "/KoolTreeView"; $treeview->imageFolder = $KoolControlsFolder . "/KoolTreeView/icons"; $treeview->styleFolder = "default"; $i = time(); $treeview->Add("root", "hardware" . $i, "Hardware", false, "xpNetwork.gif", ""); $treeview->Add("hardware" . $i, "laptop" . $i, "HP dv2500 Laptop", false, "square_blueS.gif", ""); $treeview->Add("hardware" . $i, "desktop" . $i, "Lenovo desktop", false, "square_greenS.gif", ""); $treeview->Add("hardware" . $i, "lcd" . $i, "Asus 19\" LCD", false, "square_redS.gif", ""); $treeview->Add("root", "software" . $i, "Software", false, "ie.gif", ""); $treeview->Add("software" . $i, "os" . $i, "Operating System", false, "bfly.gif", ""); $treeview->Add("os" . $i, "linux" . $i, "Ubuntu 8.10", false, "ball_redS.gif", ""); $treeview->Add("os" . $i, "windows" . $i, "Vista Home Edition", false, "ball_blueS.gif", ""); $treeview->Add("software" . $i, "office" . $i, "Office", false, "doc.gif", ""); $treeview->Add("office" . $i, "msoffice" . $i, "Microsoft Office 2007", false, "square_redS.gif", ""); $treeview->Add("office" . $i, "ooffice" . $i, "Open Office 2.4", false, "square_greenS.gif", ""); $treeview->Add("software" . $i, "burning" . $i, "Burn CD/DVD", false, "xpShared.gif", ""); $treeview->Add("burning" . $i, "nero" . $i, "Nero 8", false, "triangle_yellowS.gif", ""); $treeview->Add("burning" . $i, "k3b" . $i, "K3B <i>(on Ubuntu)</i>", false, "triangle_blueS.gif", ""); $treeview->Add("software" . $i, "imageeditor" . $i, "Image editors", false, "goblet_bronzeS.gif", ""); $treeview->Add("imageeditor" . $i, "photoshop" . $i, "Photoshop 10", false, "ball_glass_blueS.gif", ""); $treeview->Add("imageeditor" . $i, "gimp" . $i, "GIMP 2.3.4", false, "ball_glass_greenS.gif", ""); $treeview->Add("root", "dynload" . $i, "Load the same tree using dynamic loading", false, "tree.gif", "subnode.php"); $treeview->Add("root", "book" . $i, "Books", false, "book.gif", ""); $treeview->Add("book" . $i, "ajax" . $i, "Ajax For Dummies", false, "BookY.gif", ""); $treeview->Add("book" . $i, "csharp" . $i, "Mastering C#", false, "BookY.gif", ""); $treeview->Add("book" . $i, "flash" . $i, "Flash 8 Bible", false, "BookY.gif", ""); sleep(1);
$KoolControlsFolder = "../../../../KoolControls"; //Relative path to "KoolPHPSuite/KoolControls" folder require $KoolControlsFolder . "/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder . "/KoolTreeView"; $treeview->imageFolder = $KoolControlsFolder . "/KoolTreeView/icons"; $treeview->styleFolder = "default"; $root = $treeview->getRootNode(); $root->text = "Please order the node"; $root->expand = true; $root->image = "ada.gif"; $treeview->selectEnable = false; $treeview->width = "200px"; $treeview->DragAndDropEnable = true; $treeview->showLines = true; $treeview->Add("root", "node1", "Node 1", false, "square_blueS.gif"); $treeview->Add("root", "node4", "Node 4", false, "square_greenS.gif"); $treeview->Add("root", "node9", "Node 9", false, "square_redS.gif"); $treeview->Add("root", "node8", "Node 8", false, "square_redS.gif"); $treeview->Add("root", "node7", "Node 7", false, "square_greenS.gif"); $treeview->Add("root", "node10", "Node 10", false, "square_redS.gif"); $treeview->Add("root", "node3", "Node 3", false, "square_blueS.gif"); $treeview->Add("root", "node2", "Node 2", false, "square_blueS.gif"); $treeview->Add("root", "node6", "Node 6", false, "square_greenS.gif"); $treeview->Add("root", "node5", "Node 5", false, "square_greenS.gif"); ?> <form id="form1" method="post"> <div style="padding:10px;"> <?php
* 1. Add tags <html><head><body> to make a complete page * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder */ $KoolControlsFolder = "../../../../KoolControls"; //Relative path to "KoolPHPSuite/KoolControls" folder require $KoolControlsFolder . "/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder . "/KoolTreeView"; $treeview->imageFolder = $KoolControlsFolder . "/KoolTreeView/icons"; $treeview->styleFolder = "default"; $treeview->multipleSelectEnable = true; $root = $treeview->getRootNode(); $root->text = "My Properties"; $root->expand = true; $root->image = "woman2S.gif"; $treeview->Add("root", "hardware", "Hardware ", false, "xpNetwork.gif", ""); $treeview->Add("hardware", "laptop", "HP dv2500 Laptop ", false, "square_blueS.gif", ""); $treeview->Add("hardware", "desktop", "Lenovo desktop ", false, "square_greenS.gif", ""); $treeview->Add("hardware", "lcd", "Asus 19\" LCD ", false, "square_redS.gif", ""); $treeview->Add("root", "software", "Software", false, "ie.gif", ""); $treeview->Add("software", "os", "Operating System", false, "bfly.gif", ""); $treeview->Add("software", "office", "Office", false, "doc.gif", ""); $treeview->Add("root", "book", "Books", false, "book.gif", ""); $treeview->Add("book", "ajax", "Ajax For Dummies", false, "BookY.gif", ""); $treeview->Add("book", "csharp", "Mastering C#", false, "BookY.gif", ""); $treeview->Add("book", "flash", "Flash 8 Bible", false, "BookY.gif", ""); ?> <form id="form1" method="post"> <style type="text/css">
$treeview->styleFolder = "default"; $root = $treeview->getRootNode(); $root->text = str_replace("{id}","treeview.root",$_node_template); $root->text = str_replace("{name}","treeview_root",$root->text); $root->text = str_replace("{text}","KoolPHP Software",$root->text); $root->text = str_replace("{check}",isset($_POST["cb_treeview_root"])?"checked":"",$root->text); $root->expand=true; $root->image="woman2S.gif"; for ( $i = 0 ; $i < sizeof($treearr) ; $i++) { $_text = str_replace("{id}",$treearr[$i][1],$_node_template); $_text = str_replace("{name}",$treearr[$i][1],$_text); $_text = str_replace("{text}",$treearr[$i][2],$_text); $_text = str_replace("{check}",isset($_POST["cb_".$treearr[$i][1]])?"checked":"",$_text); $treeview->Add($treearr[$i][0],$treearr[$i][1],$_text,$treearr[$i][3],$treearr[$i][4]); } $treeview->showLines = true; $treeview->selectEnable = false; $treeview->keepState = "onpage"; ?> <form id="form1" method="post"> <div style="padding:10px;"> <?php echo $treeview->Render();?> </div> <script language="javascript"> function markChild(nodeId) { var status = document.getElementById("cb_" + nodeId ).checked; var childIds = treeview.getNode(nodeId).getChildIds();
* 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder */ $KoolControlsFolder = "../../../../KoolControls"; //Relative path to "KoolPHPSuite/KoolControls" folder require $KoolControlsFolder . "/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder . "/KoolTreeView"; $treeview->imageFolder = $KoolControlsFolder . "/KoolTreeView/icons"; $treeview->styleFolder = "default"; $treeview->showLines = true; $root = $treeview->getRootNode(); $root->text = "Hello, I'm root ;)"; $root->expand = true; $root->image = "tree.gif"; //Multiple Select $treeview->Add("root", "multiple", "Select Multiple Nodes", true, "oTasks.gif", ""); $treeview->Add("multiple", "multi1", "Press Ctrl", true, "ball_glass_blueS.gif", ""); $treeview->Add("multiple", "multi2", "And Press Left Mouse", true, "ball_glass_redS.gif", ""); $treeview->Add("multiple", "multi3", "To Select Us :)", true, "ball_glass_greenS.gif", ""); //Select Disable $treeview->Add("root", "disable", "Select Disable Node", true, "memobook.gif", ""); $treeview->Add("disable", "dis1", "<span style='color:#888'><i>You can't select me :|</i></span>", true, "person.gif", ""); $treeview->Add("disable", "dis2", "<span style='color:#888'><i>Me, too :(</i></span>", true, "person.gif", ""); $treeview->Add("disable", "dis3", "You can select me :)", true, "workerS.gif", ""); $treeview->selectEnable = true; $treeview->multipleSelectEnable = true; $treeview->selectDisableIds = "dis1,dis2"; ?> <div style="padding:10px;">
* 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder */ $KoolControlsFolder = "../../../../KoolControls"; //Relative path to "KoolPHPSuite/KoolControls" folder require $KoolControlsFolder . "/KoolTreeView/kooltreeview.php"; $treeview = new KoolTreeView("treeview"); $treeview->scriptFolder = $KoolControlsFolder . "/KoolTreeView"; $treeview->imageFolder = $KoolControlsFolder . "/KoolTreeView/icons"; $treeview->styleFolder = "default"; $root = $treeview->getRootNode(); $root->text = "My Gallery"; $root->expand = true; $root->image = "woman2S.gif"; $root->addData("image", ""); $root->addData("name", "Welcome to my gallery !"); $node = $treeview->Add("root", "CGallery", "Color Gallery", true, "bfly.gif", ""); $node->addData("image", ""); $node->addData("name", "Welcome to color Gallery"); $node = $treeview->Add("CGallery", "P1", "Picture #1", false, "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", false, "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", false, "square_redS.gif", ""); $node->addData("image", "P03.jpg"); $node->addData("name", "Think and do");