怎样用脚本语言javascript获得treeview(vs2005)中选定节点叶子的所有值,并且不刷新页面

我要把选定节点的叶子所有值加到listbox中,如何做?
马上给分

解决方案 »

  1.   

    可以参考下面的执行。下面的文件直接存成tree.aspx，可以运行，看效果<%@ Page Language="C#" %>
    <script runat="server">
      protected void Page_Load(object sender, EventArgs e)
      {
        TreeView1.Attributes.Add("onclick", "OnClientTreeNodeChecked(event)");
      }
      protected void Button1_Click(object sender, EventArgs e)
      {
        if (Request.Form["CheckedNode"] != null)
        {
          string CheckedNodeValue = Request.Form["CheckedNode"];
          if (CheckedNodeValue == "")
            return;
          
          if (CheckedNodeValue.EndsWith(","))
            CheckedNodeValue = CheckedNodeValue.TrimEnd(',');
        
          Response.Write("您选择的节点有："+CheckedNodeValue);
        }
      } 
    </script><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
      <title>客户端实现全选子节点</title>
      <script type="text/javascript" language="javascript">
      //识别不同的浏览器
      function getTargetElement(evt) {
        var elem
        if (evt.target)
        {
          elem = (evt.target.nodeType == 3) ? evt.target.parentNode : evt.target
        } 
        else 
        {
          elem = evt.srcElement
        }
        return elem
      }  function OnClientTreeNodeChecked(evt)
      {
        evt = (evt) ? evt : ((window.event) ? window.event : "");
        if(evt == "")
        {
          return;
        }
        var obj = getTargetElement(evt);
        var hasTreeNode = false;
        if(obj.tagName)
        {
          if (obj.tagName == "INPUT" && obj.type == "checkbox") {
            var treeNode = obj;
            while (obj.tagName != "TABLE")
            {
              obj = obj.parentNode;
            }
            var parentTreeDeep = obj.rows[0].cells.length;
            var parentTreeNode = obj.rows[0].cells[0];
            var oDiv = obj.parentNode;
            if( null == oDiv )
            {
              return;
            }
            if( 1 != oDiv.nodeType)
            {
              return;
            }
            var tables = oDiv.getElementsByTagName("TABLE");
            if( null == tables)
            {
              return;
            }
            var tableCount = tables.length;
            if(tableCount < 1)
            {
              return;
            }    
            for (i = 0; i < tableCount; i++)
            {
              if ( obj == tables[i] )
              {
                hasTreeNode = true;
                i++;
                if (tableCount == i )
                {
                  return;
                }
              }
              if (hasTreeNode)
              {
                var childTreeDeep = tables[i].rows[0].cells.length;
                if (childTreeDeep > parentTreeDeep)
                {
                  var cellTreeNode = tables[i].rows[0].cells[childTreeDeep - 1];
                  var inputs = cellTreeNode.getElementsByTagName("INPUT");
                  if( null != inputs)
                  {
                    inputs[0].checked = treeNode.checked;
                  }
                }
                else
                {
                  return;
                }
              }
            }
          }
        }
      }  
      function ShowCheckbox()
      { 
        var TreeView = "<%=TreeView1.ClientID %>"
        var checkNode = document.getElementById("CheckedNode")
        var checkboxs = document.getElementById(TreeView).getElementsByTagName("INPUT")
        for(i=0;i<checkboxs.length;i++)
        {
          if(checkboxs[i].type == "checkbox" 
            &&  checkboxs[i].name.substr(0,TreeView.length) == TreeView
            && checkboxs[i].checked )
          {
            checkNode.value += checkboxs[i].title + ","
          }
        }
      }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
        <asp:TreeView ID="TreeView1" runat="server" ShowLines="true"
          ShowCheckBoxes="All">
          <Nodes>
            <asp:TreeNode Text="【孟子E章】站点一" SelectAction="SelectExpand">
              <asp:TreeNode Text="ASP.NET技术">
                <asp:TreeNode Text="缓存管理"/>
                <asp:TreeNode Text="状态管理" />
                <asp:TreeNode Text="导航控件">
                  <asp:TreeNode Text="Menu 服务器控件" />
                  <asp:TreeNode Text="SiteMapPath 服务器控件" />
                </asp:TreeNode>
              </asp:TreeNode>
              <asp:TreeNode Text="C#技术" />
            </asp:TreeNode>
            <asp:TreeNode Text="【孟子E章】站点二" />
            <asp:TreeNode Text="【孟子E章】站点三">
              <asp:TreeNode Text="Web开发技术" />
              <asp:TreeNode Text="Web脚本库" />
            </asp:TreeNode>
          </Nodes>
        </asp:TreeView>
        <input type="hidden" name="CheckedNode"  id="CheckedNode"/>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" 
          OnClientClick="ShowCheckbox()" Text="提交" />
      </form>
    </body>
    </html>
      

  2.   

    http://community.csdn.net/Expert/topic/5533/5533047.xml?temp=9.014308E-03