求个读数据库画树的代码

如题
我这里有个用JS画的 不太懂
求个读数据库在页面上将树画出的代码！~

解决方案 »

  1.   

    推荐用extjs。
    参考我们的文档中的例子讲解：
    http://www.family168.com/tutorial/extdoc/html/ext-ch-03.html
      

  2.   


    顺便可以给我一个么？谢谢。[email protected]
      

  3.   

    jquery实现的树，代码很精简<html>
      <head>
        <title>Collapsible List &mdash; Take 3</title>
        <link rel="stylesheet" type="text/css" href="common.css">
        <script type="text/javascript"
                src="jquery-1.2.1.js"></script>
        <script type="text/javascript">
          $(function(){
            $('li:has(ul)')
              .click(function(event){
                if (this == event.target) {
                  $(this).css('list-style-image',
                    (!$(this).children().is(':hidden')) ?
                      'url(plus.gif)' : 'url(minus.gif)');
                  $(this).children().toggle('slow');
                }
                return false;
              })
              .css({cursor:'pointer',
                    'list-style-image':'url(plus.gif)'})
              .children().hide();
            $('li:not(:has(ul))').css({
              cursor: 'default',
              'list-style-image':'none'
            });
          });
        </script>
        <style>
          fieldset { width: 320px }
        </style>  </head>  <body>
        <fieldset>
          <legend>Collapsible List &mdash; Take 3</legend>
          <ul>
            <li>Item 1</li>        <li>Item 2</li>
            <li>
              Item 3
              <ul>
                <li>Item 3.1</li>
                <li>
                  Item 3.2
                  <ul>
                    <li>Item 3.2.1</li>                <li>Item 3.2.2</li>
                    <li>Item 3.2.3</li>
                  </ul>
                </li>
                <li>Item 3.3</li>
              </ul>
            </li>        <li>
              Item 4
              <ul>
                <li>Item 4.1</li>
                <li>
                  Item 4.2
                  <ul>
                    <li>Item 4.2.1</li>
                    <li>Item 4.2.2</li>              </ul>
                </li>
              </ul>
            </li>
            <li>Item 5</li>
          </ul>
        </fieldset>
      </body></html>