asp.net2.0利用TreeView实现无限级树型菜单

时间:2022-04-16 12:37:04

闲话不说,下面开始:

第一步:创建一个asp.net工程,命名为TreeViewTest(自己喜欢吧,叫什么都可以)。

第二步:在工程中添加一个XML文件,命名为TreeSource.xml;将Default.aspx切换到设计视图,拽进一个TreeView控件命名为TreeView1和一个XmlDataSource控件命名为XmlDataSource1,配置TreeView1的数据源为XmlDataSource1。

第三步:建立数据库表(Tree_School),只需三列:

asp.net2.0利用TreeView实现无限级树型菜单create   table  Tree_school
asp.net2.0利用TreeView实现无限级树型菜单(
asp.net2.0利用TreeView实现无限级树型菜单            ID 
int   primary   key ,
asp.net2.0利用TreeView实现无限级树型菜单            content 
varchar ( 50 ) not   null ,
asp.net2.0利用TreeView实现无限级树型菜单            parent_id 
varchar ( 50 not   null
asp.net2.0利用TreeView实现无限级树型菜单)
asp.net2.0利用TreeView实现无限级树型菜单


往表里插入数据吧,不过要注意里面的两个id值哦,我的试验数据如下所示:

 

ID          content                                                       parent_id       
--------- ---------------------------------------------------- --------
1           学校                                                              0          
2           学校1                                                            1          
3           学校2                                                            1          
4           学生1                                                            2          
5           学生2                                                            2          
6           学生3                                                            3          
7           学生4                                                            3          
8           图书1                                                            4          
9           图书馆                                                          0          
10          藏书室1                                                      9          

第四步:开始写代码了(终于进入正题了呵呵),代码我就不多解释了,关键部位有注释的。

 

asp.net2.0利用TreeView实现无限级树型菜单private   void  BindTreeView()
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单    
... {
asp.net2.0利用TreeView实现无限级树型菜单        SqlConnection con 
= new SqlConnection("data source=.;uid=sa;pwd=;database=Exsamples;");
asp.net2.0利用TreeView实现无限级树型菜单        con.Open();
asp.net2.0利用TreeView实现无限级树型菜单        
string sqlstr = "select * from Tree_School where ID>0 order by parent_id";
asp.net2.0利用TreeView实现无限级树型菜单        SqlCommand cmd 
= new SqlCommand(sqlstr,con);
asp.net2.0利用TreeView实现无限级树型菜单        SqlDataReader sdr 
= cmd.ExecuteReader();
asp.net2.0利用TreeView实现无限级树型菜单        InitTreeXMl(Server.MapPath(
"TreeSource.xml"), sdr);
asp.net2.0利用TreeView实现无限级树型菜单    }

asp.net2.0利用TreeView实现无限级树型菜单
asp.net2.0利用TreeView实现无限级树型菜单    
private   void  InitTreeXMl( string  XmlFileName, SqlDataReader dr)
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单    
... {
asp.net2.0利用TreeView实现无限级树型菜单        XmlDocument xmlDoc 
= new XmlDocument();
asp.net2.0利用TreeView实现无限级树型菜单        xmlDoc.Load(XmlFileName);
asp.net2.0利用TreeView实现无限级树型菜单        XmlNode root 
= xmlDoc.SelectSingleNode("rootTreenode"); //查找<rootTreenode>
asp.net2.0利用TreeView实现无限级树型菜单        
//删除初根节点外的所有节点。
asp.net2.0利用TreeView实现无限级树型菜单
        root.RemoveAll();
asp.net2.0利用TreeView实现无限级树型菜单        XmlElement treenode1 
= (XmlElement)root;
asp.net2.0利用TreeView实现无限级树型菜单        treenode1.SetAttribute(
"Node_ID""0");
asp.net2.0利用TreeView实现无限级树型菜单        treenode1.SetAttribute(
"Father_ID""-1");
asp.net2.0利用TreeView实现无限级树型菜单        treenode1.SetAttribute(
"NodeName""后台管理");
asp.net2.0利用TreeView实现无限级树型菜单        
//循环dr中的数据,将数据逐条写入Xml文件。
asp.net2.0利用TreeView实现无限级树型菜单
        while (dr.Read())
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单        
...{
asp.net2.0利用TreeView实现无限级树型菜单            
//添加第一级结点
asp.net2.0利用TreeView实现无限级树型菜单
            if (treenode1.GetAttribute("Node_ID").ToString() == dr["parent_id"].ToString())
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单            
...{
asp.net2.0利用TreeView实现无限级树型菜单                XmlElement xe 
= xmlDoc.CreateElement("treenode"); //创建一个<treenode>节点
asp.net2.0利用TreeView实现无限级树型菜单
                xe.SetAttribute("Node_ID", dr["ID"].ToString());
asp.net2.0利用TreeView实现无限级树型菜单                xe.SetAttribute(
"Father_ID", dr["parent_id"].ToString());
asp.net2.0利用TreeView实现无限级树型菜单                xe.SetAttribute(
"NodeName", dr["content"].ToString());
asp.net2.0利用TreeView实现无限级树型菜单                treenode1.AppendChild(xe);
asp.net2.0利用TreeView实现无限级树型菜单            }

asp.net2.0利用TreeView实现无限级树型菜单            
else
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单            
...{
asp.net2.0利用TreeView实现无限级树型菜单                InnerXmlNode(root, dr, xmlDoc);
asp.net2.0利用TreeView实现无限级树型菜单            }

asp.net2.0利用TreeView实现无限级树型菜单        }

asp.net2.0利用TreeView实现无限级树型菜单        xmlDoc.Save(XmlFileName);
asp.net2.0利用TreeView实现无限级树型菜单    }

asp.net2.0利用TreeView实现无限级树型菜单
asp.net2.0利用TreeView实现无限级树型菜单    
// 递归往xml文件中写数据
asp.net2.0利用TreeView实现无限级树型菜单
     private   void  InnerXmlNode(XmlNode treenode, SqlDataReader dr, XmlDocument xmlDoc)
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单    
... {
asp.net2.0利用TreeView实现无限级树型菜单        XmlNodeList nodeList 
= treenode.ChildNodes;//获取treenode节点的所有子节点
asp.net2.0利用TreeView实现无限级树型菜单
        foreach (XmlNode xn in nodeList)
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单        
...{
asp.net2.0利用TreeView实现无限级树型菜单            XmlElement treenode2 
= (XmlElement)xn;
asp.net2.0利用TreeView实现无限级树型菜单            
if (treenode2.GetAttribute("Node_ID").ToString() == dr["parent_id"].ToString())
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单            
...{
asp.net2.0利用TreeView实现无限级树型菜单                XmlElement xe 
= xmlDoc.CreateElement("treenode"); //创建一个<treenode>节点
asp.net2.0利用TreeView实现无限级树型菜单
                xe.SetAttribute("Node_ID", dr["ID"].ToString());
asp.net2.0利用TreeView实现无限级树型菜单                xe.SetAttribute(
"Father_ID", dr["parent_id"].ToString());
asp.net2.0利用TreeView实现无限级树型菜单                xe.SetAttribute(
"NodeName", dr["content"].ToString());
asp.net2.0利用TreeView实现无限级树型菜单                treenode2.AppendChild(xe);
asp.net2.0利用TreeView实现无限级树型菜单                
break;
asp.net2.0利用TreeView实现无限级树型菜单            }

asp.net2.0利用TreeView实现无限级树型菜单            
else if (treenode2.ChildNodes.Count > 0)
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单            
...{
asp.net2.0利用TreeView实现无限级树型菜单                
asp.net2.0利用TreeView实现无限级树型菜单                InnerXmlNode(xn, dr, xmlDoc); 
asp.net2.0利用TreeView实现无限级树型菜单            }

asp.net2.0利用TreeView实现无限级树型菜单        }

asp.net2.0利用TreeView实现无限级树型菜单    }

别忘了还要在Page_Load事件里加入下面的语句:

asp.net2.0利用TreeView实现无限级树型菜单if  ( ! IsPostBack)
asp.net2.0利用TreeView实现无限级树型菜单asp.net2.0利用TreeView实现无限级树型菜单        
... {
asp.net2.0利用TreeView实现无限级树型菜单            BindTreeView();
asp.net2.0利用TreeView实现无限级树型菜单        }

别以为到这里就完了,还有最后的关键步骤,下面继续。

第五步:将Default.aspx页切换到源视图,在TreeView1的html标签内加入以下代码:

asp.net2.0利用TreeView实现无限级树型菜单< DataBindings >
asp.net2.0利用TreeView实现无限级树型菜单             
< asp:TreeNodeBinding  DataMember ="treenode"  TextField ="NodeName" />
asp.net2.0利用TreeView实现无限级树型菜单             
< asp:TreeNodeBinding  DataMember ="rootTreenode"  TextField ="NodeName"   />
asp.net2.0利用TreeView实现无限级树型菜单
</ DataBindings >

到了这里就可以运行调试了,我的运行结果如下图所示:
asp.net2.0利用TreeView实现无限级树型菜单

小弟就只写到这里了,有问题望各位指出。至于添加、删除、更新结点,结点的超链接等不在本话题讨论范围之内,各位兄台就自行研究吧,有成果的话贴出来大家一起学习学习。