鲲鹏

C# asp.net

导航

Asp.net treeview实现无限级树

Posted on 2009-10-31 17:37  昆鹏  阅读(352)  评论(1编辑  收藏  举报

最近研究了一下treeview,发现有两种实现无限级树的方法,文字不想多写,直入主题。

先看看效果图:

 

先看看数据库表的设计,数据表主要包括ID,Name,ParentID这三项,其中ID是主键,ParentID对应节点的父节点:

 

方法一:用递归遍历数据,并将节点逐个添加到treeview中去。

1.先进行数据库连接和数据的读取,并将根节点先添加进treeview中,并利用递归getTreeView()实现数据的遍历和添加:

 protected void Page_Load(object sender, EventArgs e)
        {
           
            if (!Page.IsPostBack)
            {
                TreeNode nodeCategory ;
                connection conn = new connection();
                List<Category> category = conn.getCategory();
                Stack<Category> storeCategory = new Stack<Category>();
                storeCategory.Push(category[0]);
                nodeCategory = new TreeNode(category[0].Name.Trim(), category[0].Id.Trim());
                TreeView1.Nodes.Add(nodeCategory);
                getTreeView(storeCategory, category, nodeCategory);
                              
            }
        }

2.数据遍历的递归函数,比较简单就不多说了。

 public void getTreeView(Stack<Category> categoryStack,List<Category> categoryList,TreeNode e)
        {
            Category tmp;
            if(categoryStack.Count>0)
            {
                tmp=categoryStack.Pop();
                for(int i=0;i<categoryList.Count;i++)
                    if(categoryList[i].ParentId.Trim()==tmp.Id.Trim())
                    {
                        categoryStack.Push(categoryList[i]);
                        TreeNode childNote = new TreeNode(categoryList[i].Name.Trim(), categoryList[i].Id.Trim());
                        e.ChildNodes.Add(childNote);
                        getTreeView(categoryStack, categoryList, childNote);
                    }
            }
        }

方法二:用TreeView1_TreeNodePopulate(object sender, TreeNodeEventArgs e)事件响应来逐个读取子节点。

1.第一步基本和上一方法的第一步一致,只是要将节点的设置为不展开。

protected void Page_Load(object sender, EventArgs e)
        {
           
            if (!Page.IsPostBack)
            {
                TreeNode nodeCategory ;
                connection conn = new connection();
                List<Category> category = conn.getCategory();
                nodeCategory = new TreeNode(category[0].Name.Trim(), category[0].Id.Trim());
                nodeCategory.PopulateOnDemand = true;
                nodeCategory.Collapse();
                nodeCategory.NavigateUrl = "http://blog.csdn.net/longlongago2000";
                nodeCategory.Target = "_blank";
                TreeView1.Nodes.Add(nodeCategory);
             }
        }

2.再改写TreeView1_TreeNodePopulate(),根据鼠标的点击得到该节点的ID,然后根据该ID进行数据的读取,将其下的子节点读出。

protected void TreeView1_TreeNodePopulate(object sender, TreeNodeEventArgs e)
        {

            int categoryID = Int32.Parse(e.Node.Value);
            connection conn = new connection();
            List<Category> category = conn.getCategory();
            foreach (Category tmp in category)
            {
                if (categoryID.ToString() == tmp.ParentId.Trim())
                {
                    TreeNode childNote = new TreeNode(tmp.Name.Trim(), tmp.Id.Trim());

                    foreach (Category cate in category)
                    {
                        if (tmp.Id.Trim() == cate.ParentId.Trim())
                        {
                            childNote.PopulateOnDemand = true;

                            childNote.Collapse();
                            break;

                        }
                        else
                            childNote.Expand();
                    }

                    childNote.NavigateUrl ="http://blog.csdn.net/longlongago2000" ;
                    childNote.Target = "_blank";
                    e.Node.ChildNodes.Add(childNote);
                }
            }
以上两种方法都可以实现无限级分类,不过第一种方法显然更好一些,第二种方法不可以实现全部展开功能,而第一种可以。


本文来自: PQ秀秀网(http://www.pqshow.com) 详细出处参考:http://www.pqshow.com/design/jiqiao/200909/10416.html