控件（三）——TreeView控件以XmlDataSource控件为数据源实现简单的绑定

TreeView控件功能非常强大，今天，我们只是窥其一角。
我们实现的例子是：TreeView控件与XmlDataSource控件绑定，然后在网页显示选中项。

首先我们添加一个xml，取名为tv.xml。在其中写上如下代码：

<?xml version="1.0" encoding="utf-8"?>
<gen1 text="总目录">
  <zil text="第一个子目录" url="~/one/a.aspx">
    <sun1 text="叶目录A页" url="~/one/cone/a.aspx">
      <ye text="B页" url="~/one/cone/b.aspx"></ye>
    </sun1>
  </zil>
  <zi2 text="二的一个目录" url="~/two/a.aspx">
    <sun2 text="二个也目录A页" url="~/two/a.aspx"></sun2>
    <sun3 text="B页" url="~/two/b.aspx"></sun3>
  </zi2>
</gen1>

 

这时我们在default.aspx页面中添加一个TreeView控件，我们可以选定它的样式（大方美观即可），之后配置它的数据源。如下图：

这是，界面自然后这样显示：

我们添加后台代码：

        protected void Button1_Click(object sender, EventArgs e)
        {//将选中项的值打印出来
            if (TreeView1.CheckedNodes.Count>0)
            {//如果有项被选中
                foreach (TreeNode  tn in TreeView1.CheckedNodes )
                {//迭代所有被选中的节点
                    if (tn.ChildNodes.Count > 0)
                    {//如果被选中项下面还有子节点
                        foreach (TreeNode ctn in tn.ChildNodes)
                        {//迭代所有节点，把值读出来
                            Response.Write(ctn.Text + "<br>");
                        }
                    }
                    else
                    {//如果下面没有节点了，说明是页节点，直接读出选项的值
                        Response.Write(tn.Text +"<br>");
                    }
                }
            }
        }

        protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
        {
            Label1.Text = TreeView1.SelectedNode.Text;
        }

        protected void TreeView1_TreeNodeCheckChanged(object sender, TreeNodeEventArgs e)
        {
            Label1.Text = "你折叠了" + e.Node.Text;
        }

        protected void TreeView1_TreeNodeExpanded(object sender, TreeNodeEventArgs e)
        {
            Label1.Text = "你展开了" + e.Node.Text;
        }

        protected void TreeView1_TreeNodeCollapsed(object sender, TreeNodeEventArgs e)
        {

        }

 

显示效果：