【ASP.NET 进阶】TreeView控件学习

时间:2024-04-13 14:02:55

这几天上班没事做,也不好打酱油,学点没接触过的新东西吧,基本了解了下TreeView控件。

TreeView 控件用于在树结构中显示分层数据,例如目录或文件目录等。

下面看代码吧:

1.效果图

 

【ASP.NET 进阶】TreeView控件学习

 

2.静态数据方式(即在页面上使用标签<asp:TreeNode>)

【ASP.NET 进阶】TreeView控件学习 TreeViewTest.aspx

 

3.前台数据源绑定方式

a.xml数据

【ASP.NET 进阶】TreeView控件学习 Area.xml

 

b.前台页面(这里绑定了Xml的数据源)

【ASP.NET 进阶】TreeView控件学习 TreeViewTest.aspx

 

c.后台代码

【ASP.NET 进阶】TreeView控件学习 TreeViewTest.aspx.cs

 

4.后台数据库数据填充方式

a.数据库数据

【ASP.NET 进阶】TreeView控件学习

b.前台页面

【ASP.NET 进阶】TreeView控件学习 TreeViewTest.aspx

 

c.后台代码

【ASP.NET 进阶】TreeView控件学习 TreeViewTest.aspx.cs

 

d.配置文件

【ASP.NET 进阶】TreeView控件学习 Web.config

 

e.两个助手类 

【ASP.NET 进阶】TreeView控件学习 加密和解密(EntryCode.cs)
【ASP.NET 进阶】TreeView控件学习 SQL数据库助手类(YSqlHelper.cs)

 

 5.一些方法记录

a.控制父结点的开/合状态

TreeView_Tree.GetNodeFromIndex("1").Expanded=false/true;

 

b.清除某个父结点下的所有子节点

TreeView_IndexLeft.GetNodeFromIndex("1").Nodes.Clear();

 

c.设置所选节点,如选中第二个节点 

function SetSelNode()  {   TreeView_Tree.selectedNodeIndex="1";  } 

 

d.得到所选节点的Text,ID或NodeData 

function GetAttribute()  {   alert(TreeView_Tree.getTreeNode(TreeView_Tree.selectedNodeIndex).getAttribute("Text"));  } 

//替换Text为ID或NodeData,可分别得到所选节点的ID或NodeData 

 

e.修改节点属性,如修改第一个节点的Text 

function ModifyNode()  {   var node=TreeView_Tree.getTreeNode("0");   node.setAttribute("Text","第一个节点");  } 

 

f.添加节点 

function AddNode()  {   var node=TreeView_Tree.createTreeNode();   node.setAttribute("Text","第一个节点");   TreeView_Tree.add(node);      } 

 

g.TreeView 中的SelectedIndexChange不执行

AutoPostBack=true,SelectedIndexChange才能被执行。 

 

h.判断 TreeView 的一个节点下是否有子节点 

if(SelectNode.Nodes.Count==0) {    //该节点没有字节点  } 

 






本文转自叶超Luka博客园博客,原文链接:http://www.cnblogs.com/yc-755909659/p/3596039.html,如需转载请自行联系原作者