Solved

how to display treeview in jsp

Posted on 2007-03-31
4
1,863 Views
Last Modified: 2011-09-20
Hi Experts,

I have a JSP page which will display a list in each column.
I have a BL list and Container List , 1 BL can contain 1 or morethan 1 containter.

I need to display these items in treeview using Javascript or JSP.

Ex:  +BL
       +BL
       +BL

and ones the user clicks on + sign
then it should be like

        -BL
           CONTAINER
           CONTAINER
           CONTAINER
       +BL
       +BL


My Jsp code looks like

<display:column title="BL Number" property="blNumber" group="1" align="left" />
<display:column title="Container Number" property="containerNumber" align="left"/>      

right this will display like

BL1  CONT1
BL1  CONT2
BL2  CONT1
BL2  CONT2
 etc.,


Thanks,
Ganne
0
Comment
Question by:gannev
4 Comments
 
LVL 4

Accepted Solution

by:
mukhtar2t earned 250 total points
Comment Utility
0
 
LVL 17

Assisted Solution

by:gops1
gops1 earned 250 total points
Comment Utility
Try out this simple demonstration:

<html>
      <head>
            <title>Script Demo Gops</title>
            <head>
                  <style>
                        ul{font-family:verdana;font-size:x-small;}
                        li{list-style-type:none;}
                        li ul{display:none;}
                        ul li{color:blue;text-decoration:underline;cursor:pointer}
                  </style>
                  <script type="text/javascript">
                        var oldMenu="";
                        function showHide(obj){
                              if(oldMenu) oldMenu.childNodes[1].style.display='none';
                              if(oldMenu==obj) {oldMenu=""; return true;}
                              obj.childNodes[1].style.display='block';
                              oldMenu=obj;
                        }
                  </script>
            </head>
<body>
<ul>
      <li onclick="showHide(this);">BL1
            <ul>
                  <li>Container 1 BL1
                  <li>Container 2 BL1
            </ul>
      </li>
      <li onclick="showHide(this);">BL2
            <ul>
                  <li>Container 1 BL2
                  <li>Container 2 BL2
            </ul>
      </li>
</ul>
</body>
</html>
0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
This article discusses how to create an extensible mechanism for linked drop downs.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now