SweetDev Part 7 Simple Tree

Posted by admin | Photoshop | Friday 26 June 2009 4:08 am

You can create trees using the SweetDev library. This is an example of a simple tree.

You need to make sure you have the correct libraries in your application. Other than the sweetdev libraries, you also need jdom-1.0.jar, ezmorph-1.0.1.jar, ehcache-1.1.jar, asm-1.5.3.jar, json-lib-2.1-jdk13.jar, js-optimizer-core-2.1.3.jar and cglib-2.1_2.jar. If have other versions of these libraries, you might receive a conflict. So you need to delete the other version, and add these versions instead. You can get these libraries from the SweetDev example war file that you should have downloaded. It would be in the lib folder.

Add this code in your action class.

//*****************for sweetdevview
request.setAttribute(”collection”,userList);

List nodeTypes = new ArrayList(3);
nodeTypes.add(new NodeTypeBean(”File”, true, “ideo-tre-file”,
false, true, false, “switchGroup”));
nodeTypes.add(new NodeTypeBean(”Folder”, false, “ideo-tre-folder”,
false, false, true, “switchGroup”));
request.setAttribute(”nodeTypes”,nodeTypes);

NodeModel root = new NodeModel(”root”, “My First Root tab”, “Folder”);
NodeModel level1 = new NodeModel(”folder0″, “My zero folder”, “Folder”);
root.addChild(level1);

NodeModel level11 = new NodeModel(”folder1″, “My first folder”, “Folder”);
level1.addChild(level11);

NodeModel level12 = new NodeModel(”folder2″, “My second folder”, “Folder”);
level1.addChild(level12);

NodeModel level111 = new NodeModel(”file1″, “My 1st file”, “File”);
level11.addChild(level111);

NodeModel level112 = new NodeModel(”folder3″, “My third folder”, “Folder”);
level11.addChild(level112);

NodeModel level113 = new NodeModel(”folder4″, “My folder childless”, “Folder”);
level11.addChild(level113);

NodeModel level114 = new NodeModel(”file2″, “My 2nd file”, “File”);
level11.addChild(level114);
NodeModel level115 = new NodeModel(”file3″, “My 3th file”, “File”);
level11.addChild(level115);

NodeModel level121 = new NodeModel(”file6″, “My 4th file”, “File”);
level12.addChild(level121);
request.setAttribute(”tree”,root);

This will be the code in your jsp page.

<%@ taglib prefix=”ria” uri=”http://sweetdev-ria.ideotechnologies.com” %>
<%@ page import=”java.util.List” %>
<%@ page import=”com.ideo.sweetdevria.taglib.tree.model.NodeModel” %>
<%@ page contentType=”text/html;charset=UTF-8″ language=”java” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html>
<head>
<title>Tree Example</title>
<ria:resourcesImport/>
<style type=”text/css”>
.ideo-acc-mycontent{
border : 1px dashed #CCDAFF;
}
</style>
</head>
<body>
<br></br>
<ria:tree id=”treeajax” displayedLevels=”1″ nodeTypes=”<%=(List)request.getAttribute(\”nodeTypes\”)%>” nodes=”<%=(NodeModel)request.getAttribute(\”tree\”)%>”></ria:tree>

<br/>

</body>
</html>

(Part 8 coming soon)

Tweet This Post Plurk This Post Buzz This Post Delicious This Post Digg This Post Ping This Post Reddit This Post Stumble This Post