tree and treenode (Ajax Tag) tags Example
In this section, you will learn about the tree and
treenode tags. These both work with the Ajax support.
tree: This is a tree widget with AJAX support.
Normally this tag uses the "id" attribute. The "id"
attribute is required if the "selectedNotifyTopic" or the "href"
attribute is going to be used.
treenode: This is a tree node which renders a
tree node within a tree
widget with AJAX support. The following of the two combinations are used
depending on the requirement like the tree is needed to be constructed dynamically or statically.
Dynamically
- id - This is an id of tree node.
- title - This is as like a label to be displayed for
the tree node
Statically
- rootNode - This is the parent node where the tree is
derived form.
- nodeIdProperty - This is the current tree node's id.
- nodeTitleProperty - This is the current tree node's
title.
- childCollectionProperty - This is the current tree
node's children.
Add the following code snippet to the struts.xml
file.
struts.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
<!-- Rose India Struts 2 Tutorials -->
<constant name="struts.enable.DynamicMethodInvocation" value="false" />
<constant name="struts.devMode" value="true" />
<package name="roseindia" namespace="/roseindia" extends="struts-default">
<action name="TreeNode">
<result>/pages/treenode.jsp</result>
</action>
<!-- Add actions here -->
</package>
<!-- Add packages here -->
</struts>
|
Create a jsp using the tag <s:tree>. This tag is used for
rendering a tree widget.
Similarly the tag <s:treenode> renders
a tree node with a label attached to the created tree widget eg..
<s:treenode theme="ajax" id="subchild2" label="subchild2" />
tag attaches a new node to the created tree
with a tree node having id="subchild2" and
a label="subchild2".
treenode.jsp
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<s:head theme="ajax" debug="true"/>
</head>
<body>
<s:tree theme="ajax" id="root" label="Root">
<s:treenode theme="ajax" id="child1" label="<b>Child 1</b>" />
<s:treenode theme="ajax" id="subchild1" label="SubChild 1">
<s:treenode theme="ajax" id="subchild2" label="SubChild 2" />
<s:treenode theme="ajax" id="subchild3" label="SubChild 3" />
</s:treenode>
<s:treenode theme="ajax" id="child2" label="<b>child 2</b>" />
</s:tree>
</body>
</html>
|
Output:
When you run the above example, you get:
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
