第讲nbspTreeView控件应用.ppt

第十五讲 TreeView控件应用 教学内容 一、使用TreeView控件 二、动态添加和删除节点 三、从XML文件读取节点数据 四、TreeView控件应用 教学目标 ?? 掌握在TreeView控件上动态添加节点的方法； 掌握在TreeView控件上动态删除节点的方法； ?? 掌握从XML文件读取节点数据的方法； ?? 学习TreeView控件应用。 一、TreeView控件的初步使用 (1/4) ?(一)编辑TreeView控件的节点 新建一个Web应用程序项目，将工具箱的Web窗体控件组中的TreeView控件拖入到Web页面，在该控件的属性窗口，单击Nodes属性右侧的“…”打开按钮，启动TreeView控件的节点编辑器，如下图。 一、TreeView控件的初步使用 (2/4) 编辑器中3个按钮“Add Root”、“Add Child”和“Delete”分别用来添加根节点、添加子节点和删除节点，4个箭头按钮“↑”、“↓”、“←”和“→”用来调整节点的层次关系。单击【OK】按钮结束树型结构的编辑。 编译运行程序，得到的效果如右图。 一、TreeView控件的初步使用 (3/4) (二)设置节点图片 Windows资源管理器左侧的树型资源结构图中，各节点都有图片连接，例如磁盘的图片、光盘的图片和文件夹的图片等，使资源的表现更加形象。IEWebControls的TreeView控件也可以为节点链接图片，这时需要利用以下3个属性关联到节点的标准状态（未展开、未选中）、展开状态和选中状态。 ImageUrl属性：TreeNode处于标准状态时显示的图片的地址。 ExpandImageUrl属性：TreeNode处于展开状态时显示的图片的地址。 SelecteImageUrl属性：TreeNode处于选中状态时显示的图片的地址。 一、TreeView控件的初步使用 (4/4) 为上图中的TreeView控件的节点加入图片关联。打开TreeView控件的属性窗口，分别为ImageUrl属性、ExpandImageUrl属性和SelecteImageUrl属性指定一个图片，这些图片可以从C:\Program Files\IE Web Controls\build\Runtime\images目录中找到，是安装IEWebControls控件集时生成的。加入节点图片后运行效果如右图。 二、动态添加和删除TreeNode节点（1/5） TreeView控件中的节点若在整个程序的生命期间都是不变的，则可以在程序设计时使用节点编辑器编辑它，或者在页面的HTML标记中手工添加它。也可根据程序运行中数据变化的需要对节点动态进行增减。在后台代码中调用TreeView控件的Nodes集合的Add方法和AddAt方法增加节点，调用Remove方法删除节点。 (一)Nodes.Add方法 Nodes.Add方法向控件加入一个节点，增加的节点放在控件的最后面。下段程序可以向控件TreeView1中增加一个新节点： TreeNode newNode=new TreeNode(); newNode.Text="人文科学系"; TreeView1.Nodes.Add(newNode); 二、动态添加和删除TreeNode节点（2/5） (二)Nodes.AddAt方法 Nodes.AddAt方法向控件加入节点时，需要指定节点的索引位置，因此可以将节点插入到原有的节点的中间。下段程序插入一个节点到树的开头。 //创建一个新节点 TreeNode newNode=new TreeNode(); newNode.Text="冶金职院"; //添加新节点到Nodes集合中 TreeView1.Nodes.AddAt(0,newNode); 二、动态添加和删除TreeNode节点（3/5） (三)Nodes.Remove方法 Nodes.Remove方法从TreeView控件中移除一个节点。下行程序将树中的第二个节点移除。 ?TreeView1.Nodes.Remove(TreeView1.Nodes[1]); 直接调用TreeView控件的Nodes.Add方法或Nodes.AddAt方法添加的节点都是顶层节点，调用Nodes.Remove方法删除的也是顶层节点，若要将节点插入到任意层次，或者需要删除非顶层的节点则： 需要在调用上述3个方法之前，有一种方法能够分辨出节点的层次出来，这要用到TreeView控件的GetNodeFromIndex()方法。 二、动态添加和删除TreeNode节点（4/5） (四)GetNodeFromIndex方法 GetNodeFromIndex方法返回参数