第12讲服务器控件.pptVIP

3．使用TreeView控件 下面介绍一个简单的树状结构图的过程。 (1)新建或者打开一个网站。从【工具箱】窗格的【导航】选项卡中添加TreeView控件到Web窗体中。 (2)左击控件，在弹出的快捷菜单中选择【自动套用格式】命令，然后在弹出的【自动套用格式】对话框中选择使用“XP资源管理器”方案，从右侧的【预览】区中可以看到效果。 第三十页，共八十二页。 (3)单击【确定】按钮返回窗体，即看到使用格式后的效果。再次左击，在弹出的快捷菜单中选择【编辑节点】命令，打开【TreeView节点编辑器】对话框，单击【添加根节点】按钮，添加一个根节点，随即右侧的【属性】列表变为可用，从中设置Text属性为“清华大学出版社。 第三十一页，共八十二页。 (4)使用同样的方法，依次添加“人民教育出版社”、“人民邮电出版社”和“高等教育出版社”3个根节点。 (5)选择根节点“清华大学出版社”，单击【添加子节点】按钮，然后使用添加根节点的方法添加“获奖图书”、“优秀教材”、“精品图书”和“书友论坛”4个子节点。 第三十二页，共八十二页。 (6)用同样的方法为根节点“人民邮电出版社”添加“新书推荐”和“图书热卖”两个子节点，单击【确定】按钮返回【设计】视图即可看到未运行时的初始化效果。切换到【源】视图，会发现有以下代码，这些都是通过前面操作自动生成的。 第三十三页，共八十二页。 asp:TreeView ID=TreeView1 runat=server ImageSet=XP NodeIndent=15 ParentNodeStyle Font-Bold=False / HoverNodeStyle Font-Underline=True ForeColor=#6666AA / SelectedNodeStyle BackColor=#B5B5B5 Font-Underline=False HorizontalPadding=0px VerticalPadding=0px / Nodes asp:TreeNode Text=清华大学出版社 Value=清华大学出版社 asp:TreeNode Text=获奖图书 Value=获奖图书/asp:TreeNode asp:TreeNode Text=优秀教材 Value=优秀教材/asp:TreeNode asp:TreeNode Text=精品图书 Value=精品图书/asp:TreeNode asp:TreeNode Text=书友论坛 Value=书友论坛/asp:TreeNode /asp:TreeNode asp:TreeNode Text=人民邮电出版社 Value=人民邮电出版社 asp:TreeNode Text=新书推荐 Value=新书推荐/asp:TreeNode asp:TreeNode Text=热卖图书 Value=热卖图书/asp:TreeNode /asp:TreeNode asp:TreeNode Text=人民教育出版社 Value=人民教育出版社/asp:TreeNode asp:TreeNode Text=高等教育出版社 Value=高等教育出版社/asp:TreeNode /Nodes NodeStyle Font-Names=Tahoma Font-Size=8pt ForeColor=Black HorizontalPadding=2px NodeSpacing=0px VerticalPadding=2px / /asp:TreeView 第三十四页，共八十二页。 页面运行效果 第三十五页，共八十二页。 12.2.4Menu控件 ASP.NET提供了另一个重量级的导航控件Menu，使用该控件，开发人员可以在网页上模拟Windows的菜单导航效果。 开发人员可以在Menu控件中直接配置其内容，也可通过将该控件绑定到数据源的方式来指定其内容。 无需编写任何代码，便可控制ASP.NET