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

Output:

When you run the above example, you get:

     

Related Tags for tree and treenode (Ajax Tag) tags Example:
c,  ajax,  com,  orm,  dynamic,  ui,  select,  static,  attributes,  tree,  io,  struct,  sed,  get,  const,  port,  tag,  attribute,  widget,  this,  id,  support,  node,  render,  href,  like,  if,  call,  cte,  combinations,  with,  dynamically,  nat,  to,  treenode,  ical,  require,  ref,  pic,  selected,  top,  bi,  e,  it,  ax,  not,  li,  use,  pe,  in,  no,  rm,  cal,  ami,  sta,  m,  nt,  tr,  thin,  ca,  j,  notify,  es,  em,  end,  all,  pen,  pi,  me,  hr,  pp,  combination,  bin,  which,  s,  su,  ee,  at,  k,  is,  ir,  ll,  go,  follow,  dn,  ar,  stat,  cons,  str,  rt,  wid,  wing,  uses,  tt,  tw,  s,  s,  ri,  ren,  th,  st,  statically,  ati,  ending,  ica,  ica,  mi,  nd,  ode,  on,  omb,  om,  ol,  o,  norm,  norma,  nor

More Tutorials from this section

• Struts 2 Tags (UI Tags) Examples
• Struts 2 Autocompleter,Struts 2 Autocomplete
• Actionerror and Actionmessage Tags (Non-Form UI Tags) Example
• Actionerror Tag
• Auto Completer Example
• Checkbox Tag (Form Tag) Example
• Checkboxlist Tag (Form Tag) Example
• Combobox Tag (Form Tag) Example
• Datetimepicker Tag (Form Tag) Example
• Div (Ajax Tag) tag Example
• Doubleselect Tag (Form Tag) Example
• Fielderror Tag (Non-Form UI Tags) Example
• File Tag (Form Tag) Example
• Form Tag Example
• Struts 2 Tags (UI Tags) Examples
• Label Tag (Form Tag) Example
• Optgroup Tag (Form Tag) Example
• Optiontransferselect Tag (Form Tag) Example
• Password Tag (Form Tag) Example
• Radio Tag (Form Tag) Example