梅花雪树型控件,节点单击问题

那个例子可能混淆了你的视听，再给你一个例子吧：<html>
<head>
<title>梅花雪中文网 - 网页脚本控件集 MzTreeView10</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="author" content="黄方荣(meizz·梅花雪)://www.meizz.com">
<script language="JavaScript" src="MzTreeView10.js"></script>
<link href="Script&Css/Global.css" type="text/css" rel="stylesheet">
<style>
<!--
A.MzTreeview{font-size: 9pt;padding-left: 3px;}
-->
</style>
</head>  <body>
<div id="MzTree"></div>
<script type="text/javascript">
<!--
window.tree = new MzTreeView("tree");
tree.setIconPath("./");
tree.nodes['-1_1'] = 'text:节点 1';
tree.nodes['1_2'] = 'text:节点 2';
tree.nodes['1_3'] = 'text:节点 3';
tree.nodes['1_4'] = 'text:节点 4';
tree.nodes['1_5'] = 'text:节点 5';
tree.nodes['1_6'] = 'text:节点 6';
tree.nodes['1_7'] = 'text:节点 7';
tree.nodes['1_8'] = 'text:节点 8';
tree.nodes['1_9'] = 'text:节点 9';
tree.nodes['1_10'] = 'text:节点 10';
tree.nodes['12_11'] = 'text:节点 11';
tree.nodes['23_12'] = 'text:节点 12';
tree.nodes['2_13'] = 'text:节点 13';
tree.nodes['8_14'] = 'text:节点 14';
tree.nodes['3_15'] = 'text:节点 15';
tree.nodes['6_16'] = 'text:节点 16';
tree.nodes['3_17'] = 'text:节点 17';
tree.nodes['7_18'] = 'text:节点 18';
tree.nodes['13_19'] = 'text:节点 19';
tree.setURL("aaa.asp");
document.getElementById('MzTree').innerHTML = tree.toString();//-->
</script>    
  </body>
</html>

解决方案 »

  1.   

    我点了其他节点没有展开，光标直接跳会节点1了（root），没反应，是不是你的js和我下的js脚本不一样啊
      

  2.   

    我是用的下面的这个数据库动态生成节点：<%
      Dim Conn, rs
      Set Conn  = Server.CreateObject("ADODB.Connection")
      Set rs    = Server.CreateObject("ADODB.Recordset")  Conn.Open  "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="& Server.MapPath("./") &"\tree.mdb;"
      rs.open "Select ID, parentId, text, hint, icon, data, url, target, method From treeview order by ID", Conn
    %>
    <html>
      <head>
        <title>梅花雪中文网 - 网页脚本控件集 MzTreeView10</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <meta name="author" content="黄方荣(meizz·梅花雪)://www.meizz.com">
        <script language="JavaScript" src="MzTreeView10.js"></script>
        <link href="http://www.meizz.com/Scripts/Global.css" type="text/css" rel="stylesheet">
        <style>
        A.MzTreeview
        {
          font-size: 9pt;
          padding-left: 3px;
        }
        </style>
      </head>  <body class=frame>
        <SCRIPT LANGUAGE="JavaScript">
        <!--
        window.tree = new MzTreeView("tree");    tree.icons["property"] = "property.gif";
        tree.icons["css"] = "collection.gif";
        tree.icons["book"]  = "book.gif";
        tree.iconsExpand["book"] = "bookopen.gif"; //展开时对应的图片
        tree.setIconPath("http://www.meizz.com/Icons/TreeView/"); //可用相对路径
    <%
      Dim node
      Dim reg : set reg = new RegExp : reg.global=True : reg.pattern=";"
      Dim id, parentId, text, hint, icon, data, url, target, method
      
      do while not rs.eof
        '若是树的条目比较多的时候(比如大于1000)而又相对稳定的时候将这些数据生成静态网页来访问
        node = VBCrLf &"    tree.nodes["""& rs("parentId") &"_"& rs("id") &"""] = """
        node = node &"text:"& reg.replace(rs("text"), chr(15)) &";" 
        if rs("hint")<>"" then node = node &"hint:"& reg.replace(rs("hint"), chr(15)) &";" 
        if rs("icon")<>"" then node = node &"icon:"& rs("icon") &";" 
        if rs("data")<>"" then node = node &"data:"& reg.replace(rs("data"), chr(15)) &";"
        if rs("url")<>""  then node = node &"url:"&  reg.replace(rs("url"), chr(15)) &";" 
        if rs("target")<>"" then node = node &"target:"& rs("target") &";" 
        if rs("method")<>"" then node = node &"method:"& reg.replace(rs("method"), chr(15)) &";" 
        response.write node &"""" '生成节点信息
        rs.movenext
      loop
    %>
        tree.setURL("Catalog.asp");
        tree.setTarget("MzMain");
        document.write(tree.toString());    //亦可用 obj.innerHTML = tree.toString();
        //-->
        </SCRIPT>
      </body>
    </html>
    <%
      rs.close : set rs = nothing : Conn.close : set Conn = nothing
    %>