Home Struts Struts2 Struts2uitags tree and treenode (Ajax Tag) tags Example
Questions:Ask|Latest

 
 

Share on Google+Share on Google+

tree and treenode (Ajax Tag) tags Example

Advertisement
In this section, you will learn about the tree and treenode tags. These both work with the Ajax support.

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 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:

     

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: October 25, 2007

Related Tutorials

Ask Questions?    Discuss: tree and treenode (Ajax Tag) tags Example   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com