自己写树控件。

JS Tree
参考~[align=center]*************************************************
本内容使用CSDN小秘书回复
每天回帖即可得10分可用分！
*************************************************[/align]

http://blog.csdn.net/ChengKing/category/288694.aspx这是作者的博客、

这是我自己写的你可以参考一下他是不用控件做的
控件是知其然，不知其所以然
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using LinkDataDALTableAdapters;public partial class linkData_Default3 : System.Web.UI.Page
{
    DeptTableAdapter _DeptTableAdapter = new DeptTableAdapter();
    SpecialtyTableAdapter _SpecialtyTableAdapter = new SpecialtyTableAdapter();
    ClassTableAdapter _ClassTableAdapter = new ClassTableAdapter();    StudentTableAdapter _StudentTableAdapter = new StudentTableAdapter();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            CreateTree();
    }    private void CreateTree()
    {
                DataTable myTable1 = _DeptTableAdapter.GetData();
        for (int i = 0; i < myTable1.Rows.Count; i++)
        {
            TreeNode node1;
            node1 = new TreeNode(myTable1.Rows[i][1].ToString(), myTable1.Rows[i][0].ToString());//法政系
            TreeView1.Nodes.Add(node1);
            DataTable myTable2 = _SpecialtyTableAdapter.GetDataByDeptId(Convert.ToInt16(myTable1.Rows[i][0]));
            for (int j = 0; j < myTable2.Rows.Count; j++)
            {
                TreeNode node2;
                node2 = new TreeNode(myTable2.Rows[j][1].ToString(), myTable2.Rows[j][0].ToString());
                node1.ChildNodes.Add(node2);                DataTable myTable3 = _ClassTableAdapter.GetDataBySid(Convert.ToInt16(myTable2.Rows[j][0]));
                for (int k = 0; k < myTable3.Rows.Count; k++)
                {
                    TreeNode node3;
                    node3 = new TreeNode(myTable3.Rows[k][1].ToString(), myTable3.Rows[k][0].ToString());
                    node2.ChildNodes.Add(node3);
                }
            }
        }
    }
    protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
    {
        string a = TreeView1.ExpandDepth.ToString();
        Response.Write(a);
    }
}

treeivew
还有codeproject

public partial class LeftTreeView : System.Web.UI.Page
    {
        protected DataTable dataTbl1, dataTbl2;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                 string wherstr="";
                 if (Request.Cookies["Username"].Value.ToString().ToLower () == "admin" && Request.Cookies["Password"].Value.ToString() == "1")
                 {
                     wherstr = "";
                 }
                 else
                 {
                     if (Session["RoleId"] != null)
                     {
                         string roleid = Session["RoleId"].ToString();
                         wherstr = " where page_id in(select page_id from RolePageRelationship where Role_id=" + roleid + ")";
                     }
                 }

                InitRootNodeDataTable(wherstr);
                initTree(dataTbl1);
                //tvCategory.CollapseAll();
            }
        }
        /// <summary>
        /// 初始化 RootNode DataTable
        /// </summary>
        private void InitRootNodeDataTable(string wherstr)
        {
            dataTbl1 = new DataTable();            dataTbl1 = DbAccess.GetDS("select * from page " + wherstr).Tables[0];
            //读取并将公共的分类信息添加到数据集中
            dataTbl1.TableName = "TreeView";
        }        /// <summary>
        /// 初始化树
        /// </summary>
        /// <param name="dt">取得所有的分类</param>
        private void initTree(DataTable dt)
        {
            this.tvCategory.Nodes.Clear();//先清理原先的
            if (dt != null && dt.Rows.Count == 0) return;
            DataRow[] Rows = dt.Select("Page_parent=0 ");
            if (Rows.Length == 0) return;
            foreach (DataRow row in Rows)
            {
                TreeNode tNode = new TreeNode();
                tNode.Value = row["Page_id"].ToString();
                tNode.Text = row["Page_name"].ToString();
                //tNode.NavigateUrl = "";
                //tNode.Target = "MainFrameBS";//指向父窗体右边的那个iframe                this.tvCategory.Nodes.Add(tNode);
                tNode.Expanded = true;
                createChildNode(tNode, tNode.Value);
            }            ////添加一级“未分类”节点
            //TreeNode tNode1 = new TreeNode();
            //tNode1.Value = "-1";
            //tNode1.Text = "未分类";
            //tNode1.NavigateUrl = "BasicInfoConfig.aspx?Class_ID=" + tNode1.Value + "";
            //tNode1.Target = "MainFrameBS";//指向父窗体右边的那个iframe            //this.tvCategory.Nodes.Add(tNode1);
            //tNode1.Expanded = true;
        }
        /// <summary>
        /// 创建子节点
        /// </summary>
        /// <param name="node"></param>
        /// <param name="strParentNo"></param>
        private void createChildNode(TreeNode node, string strParentNo)
        {
            //string parentId="";
            DataRow[] Rows = this.dataTbl1.Select("Page_parent='" + strParentNo + "' and Page_parent<>0");
            foreach (DataRow row in Rows)
            {
                TreeNode childNode = new TreeNode();                childNode.Value = row["Page_id"].ToString();
                childNode.Target = "mainFrame";//指向父窗体右边的那个iframe
                childNode.Text = row["Page_name"].ToString();
                childNode.NavigateUrl = "~/"+row["Page_url"].ToString(); ;                node.ChildNodes.Add(childNode);                createChildNode(childNode, row["Page_id"].ToString());
            }
        }

    }
}

前台
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LeftTreeView.aspx.cs" Inherits="CN.Web.LeftTreeView" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>jQuery UI Accordion - Fill space</title>
<LINK  href="../resource/sit.css" type=text/css rel=stylesheet>
<link type="text/css" href="../resource/themes/custom-theme/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="../js/ui/ui.core.js"></script>
<script type="text/javascript" src="../js/ui/ui.resizable.js"></script>
<script type="text/javascript" src="../js/ui/ui.accordion.js"></script>
<link type="text/css" href="../resource/demos.css" rel="stylesheet" />
<link rel="StyleSheet" href="../resource/dtree.css" type="text/css" />
<script type="text/javascript" src="../js/dtree.js"></script>
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
fillSpace: true
}); }); </script>
    <link href="../../jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css">
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TreeView ID="tvCategory" runat="server">
        </asp:TreeView>

    </div>
    </form>
</body>
</html>

可以看看这里的树。
http://demo.naturefw.com/login.aspx风格选择“老版（frameset）”，登录后你就可以看到左面有一颗树。这个是自己写的，没有封装，你可以参考一下。点击这里
可以下载源码。

学习阶段建议自己写控件，工作阶段建议优先考虑商业控件。
当手头Money不多时......天真的很蓝很蓝

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

    <script src="jQuery/jquery-1.4.2.min.js" type="text/javascript"></script>
   <script src="jQuery/Plugins/jquery-easyui-1.2.1/jquery.easyui.min.js" type="text/javascript"></script>    <link href="jQuery/Plugins/jquery-easyui-1.2.1/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="jQuery/Plugins/jquery-easyui-1.2.1/themes/default/easyui.css" rel="stylesheet" type="text/css" />    <script src="jQuery/Plugins/jquery-easyui-1.2.1/locale/easyui-lang-zh_CN.js" type="text/javascript"></script><head runat="server">
    <title></title>
</head>
<script type="text/javascript">
    $(document).ready(function() {
    $('#tt').tree();
    });
</script>
<body >
    <form id="form1" runat="server">
    <ul id="tt">
        <li>
            <span>一级菜单</span>
            <ul>
                <li>
                    <span>二级菜单</span>
                    <ul>
                        <li><span>File 11</span></li>
                        <li><span>File 12</span></li>
                        <li><span>File 13</span></li>
                    </ul>
                </li>
                <li>
                    <span>二级菜单</span>
                    <ul>
                        <li><span>File 11</span></li>
                        <li><span>File 12</span></li>
                        <li><span>File 13</span></li>
                    </ul>
                </li>

            </ul>
        </li>
      <li>
            <span>一级菜单</span>
            <ul>
                <li>
                    <span>二级菜单</span>
                    <ul>
                        <li><span>File 11</span></li>
                        <li><span>File 12</span></li>
                        <li><span>File 13</span></li>
                    </ul>
                </li>
                <li>
                    <span>二级菜单</span>
                    <ul>
                        <li><span>File 11</span></li>
                        <li><span>File 12</span></li>
                        <li><span>File 13</span></li>
                    </ul>
                </li>

            </ul>
        </li>
    </ul>

    </form>
</body>
</html>
你要下个 jQuery 和jquery-easyui-1.2.1

/// <summary>
    /// 给当前节点添加子节点
    /// </summary>
    /// <param name="node">当前节点</param>
    /// <param name="pid">当前节点的ID</param>
    protected void AddPages(TreeNode node, string pid)
    {
        DataSet ds = lm.GetPage(pid);
        if (ds != null && ds.Tables.Count > 0)
        {
            foreach (DataRow dr in ds.Tables[0].Rows)
            {
                TreeNode childnode = new TreeNode();
                childnode.Text = dr["BigPageName"].ToString();
                childnode.NavigateUrl = "bbsSolution.aspx?PageId=" + dr["PageId"].ToString();
                childnode.Target = "mainFrame";
                //给当前节点添加子节点
                AddPages(childnode, dr["PageId"].ToString());
                if (node == null)
                {
                    TreeView1.Nodes.Add(childnode);
                }
                else
                {
                    node.ChildNodes.Add(childnode);
                }
            }        }http://www.open-lib.com/Type/194-1.jsp

调试易

自己写树控件。

解决方案 »