asp.net 2.0中 TreeView 控件学习笔记（1）-技术开发专区

asp.net 2.0中 TreeView 控件学习笔记（1）

作者：蝈蝈俊编辑： nancy 2007-12-24 00:00

【IT168 技术文档】ASP.net 2.0 中，一些新的更加方便的控件被加了进来，为了方便自己学习这些控件，我把我自己学习这些控件的知识整理成这个系列文章。文章可能很简单，如果已经知道这些知识点的就不用再看了。

ASP.net 2.0中?TreeView 控件。

以前我们要在网页中实现一个树，是非常麻烦的，其最麻烦的地方在于，兼容不同版本的浏览器。而绝大多数人，对各个浏览器分别支持那些JavaScript、CSS、Html 标签不是很熟悉，就造成开发一个树复杂，甚至只支持少量的浏览器。

ASP.net 2.0 中，微软为我们预先作了很多方面的控件，TreeView 就是其中一个。

在介绍TreeView 之前，我们先在网页中，用TreeView实现一个树。我们边看代码，边来学习这个树控件。

新建一个ASPX页面，输入如下代码：

<html>
<body>
    <h3>一个简单树的展示h3>
    <form id="form1" runat="server">
        <asp:TreeView ID="SampleTreeView" runat="server">
            <Nodes>
                <asp:TreeNode Value="个人电脑" NavigateUrl="PC.aspx" Text="个人电脑" Target="Content" Expanded="True">
                    <asp:TreeNode Value="硬件" NavigateUrl="hardware.aspx" Text="硬件" Target="Content">
                        <asp:TreeNode Value="CPU" NavigateUrl="cpu.aspx" Text="CPU" Target="Content" />
                        <asp:TreeNode Value="内存" NavigateUrl="memory.aspx" Text="内存" Target="Content" />
                    </asp:TreeNode>
                    <asp:TreeNode Value="软件" NavigateUrl="software.aspx" Text="软件" Target="Content" />
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>
    </form>
</body>
</html>

执行，我们就可以看到一个我们定义好的树被展示出来了。

  TreeView 控件必须在服务器段运行的From中使用（因为需要处理用户点击某个树结点，然后导航到指定的地址，以及一些事件的处理） 。

  TreeView 控件中的 Nodes 节点内的XML信息，就是定义我们要展示的树的信息。

  asp:TreeNode  则是定义树中每一个树节点。

关注我们

asp.net 2.0中 TreeView 控件 学习笔记（1）

asp.net 2.0中 TreeView 控件学习笔记（1）