天天看点

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

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

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

下面看代码吧:

1.效果图

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

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

 TreeViewTest.aspx

3.前台数据源绑定方式

a.xml数据

 Area.xml

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

c.后台代码

 TreeViewTest.aspx.cs

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

a.数据库数据

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

b.前台页面

d.配置文件

 Web.config

e.两个助手类 

 加密和解密(EntryCode.cs)

 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,如需转载请自行联系原作者