第二十二讲 Treeview控件
第二十二讲 TreeView控件
教学目的: 、掌握 Treeview控件的基本用法 二、利用 Treeview控件实现导航功能 教学重点: 、 Treeview控件的动态添加和删除 、利用 Treeview控件实现导航功能
教学目的： 一、掌握TreeView控件的基本用法 二、利用TreeView控件实现导航功能 教学重点： 一、TreeView控件的动态添加和删除 二、利用TreeView控件实现导航功能
◆治金学院 一、 Treeview概述 心湖铁职院 几乎每个网站里, ◆电器工程系 为了方便用户在网 ◆电工教研室 站中进行页面导航, ◆电子教研室 ◆机电工程系 都少不了使用页面 ◆数控教研室 导航控件。有了页 ◆信息工程系 面导航的功能,用 ◆软件教研室 户可以很方便地在 ◆多媒体教研室 一个复杂的网站中 ◆网络教研室 进行页面之间的跳 经贸管理系 转。 ◆英语教研室 会计教研室
一、TreeView概述 ▪ 几乎每个网站里， 为了方便用户在网 站中进行页面导航， 都少不了使用页面 导航控件。有了页 面导航的功能，用 户可以很方便地在 一个复杂的网站中 进行页面之间的跳 转
" Treeview控件显示Node对象的分层列表, 每个Node对象均由一个标签和一个可选的 位图组成。 Treeview一般用于显示文档标 题、索引入口、磁盘上的文件和目录、或 能被有效地分层显示的其它种类信息。创 建了 Treeview控件之后,可以通过设置属 性与调用方法对各Node对象进行操作,这 些操作包括添加、删除、对齐和其它操作。 可以编程展开与折回Node对象来显示或 隐藏所有子节点
▪ TreeView控件显示Node对象的分层列表， 每个Node对象均由一个标签和一个可选的 位图组成。TreeView 一般用于显示文档标 题、索引入口、磁盘上的文件和目录、或 能被有效地分层显示的其它种类信息。创 建了TreeView控件之后，可以通过设置属 性与调用方法对各Node对象进行操作，这 些操作包括添加、删除、对齐和其它操作。 可以编程展开与折回 Node 对象来显示或 隐藏所有子节点
Treeview控件的各个部分 为了掌握 Treeview控件的使用,必须理解该控件 创建的层次结构树的每个部分所使用的术语。 首先, Treeview控件上的每个元素或每一项都称 为节点。层次结构中最上面的节点是根节点 Treeview控件可以有多个根节点。在层次结构中 任何节点,包括根节点在内,如果在它的下酚分 有节点,就称为父节点。每个父节点可以有一个 或多个子节点。如果节点不包含子节点,就称为 叶节点
TreeView控件的各个部分 ▪ 为了掌握TreeView控件的使用，必须理解该控件 创建的层次结构树的每个部分所使用的术语。 ▪ 首先，TreeView控件上的每个元素或每一项都称 为节点。层次结构中最上面的节点是根节点。 TreeView控件可以有多个根节点。在层次结构中， 任何节点，包括根节点在内，如果在它的下面还 有节点，就称为父节点。每个父节点可以有一个 或多个子节点。如果节点不包含子节点，就称为 叶节点
一般把 Treeview控件称之为树型控件,把 其中的每一个节点称之为 TreeNode Treeview控件:以树型结构递归显示数据, 可扩展和折叠的分支,节点是可导航,可 选择的,也可添加选择框 TreeNode对象: TreeNodes(节点对象)可以 通过声明方式,写代码方式或通过数据邦 定方式添加;可以按需装载;可以嵌套
▪ 一般把TreeView控件称之为树型控件，把 其中的每一个节点称之为TreeNode ▪ TreeView控件：以树型结构递归显示数据， 可扩展和折叠的分支，节点是可导航, 可 选择的，也可添加选择框。 TreeNode对象:TreeNodes(节点对象）可以 通过声明方式，写代码方式或通过数据邦 定方式添加；可以按需装载；可以嵌套
、 TreeView的常用属性 Checkednodes 声明被选择的单个或多个节点 ExpandDepth 声明 Treeview控件展开的深 Nodes TreeNode collection类型的节点集合 Selectednode 当前被选择的节点 Showcheckbores声明是否显示复选框 Shw0 OExpandco|pe声明展开断叠状态 ShowLines 声明节点间是否以线连接
二、TreeView的常用属性
Levelstyles 指定每个层次的节点的样式 Nodestyle 指定节点的默认样式 RootNodestyle 指定根节点的样式 Leat odestyle 指定子节点的样式 delectedNode style指定选定节点的样式 HoverNodestyle指定当鼠标移动到节点上方时的样式 mte指定表示展开航叠的图片的R路径
TreeNode的关键属性: Checked 标明节点上的复选框的选择状态 Imager 标明节点上所用图片的u酱径 Navigate当单击节点时所要导航到的ur径 SelectAciton无导航节点被单击时所要执行的动作 Selected 标明当前节点是否被选择的节点 Showchecke0标明当前节点是否显示复选框 Text 节点上的文字
二、 Treeview控件的常用事件 Checkchanged 当复选框被选择或清除时所触发的事件 8 electedNode Changed当选择的节点发生改变时触发的事件 TreeNode Collapsed)当分支被折叠时所触发的事件 TreeNodeExpanded当分支被展开时所触发的事件 asp net20tee TreeNodeDataBound当节点被绑定到据源时所触发的事件 TreeNodePopulate only fired on server if Enable ClientScript= "false
二、TreeView控件的常用事件 asp.net2.0 treeview