显示树状结构,组织结构图

导言

目前，在组织中，我们经常需要显示树状结构。这可以为文件系统，组织结构图，物料清单等，本文进行讨论组件，可以生成所需的树，根据在一个DataTable中的数据图像。该DLL可以调用Windows窗体或ASP.NET。的参数（尺寸，颜色）大部分可以控制使用该DLL的开发，它们是作为属性暴露出来。

这此DLL的第一个版本被称为OrgChart发生器，并出版发行。在显示器的BOM的应用开发，已变得越来越明显的组织结构图生成器没有几个非常重要的问题：

这太具体：DLL是一树发电机，应该这么叫。
树中的一个节点不能出现两次。雇员可工作超过一个部门。
使用的数据结构（包括一个XmlDocument和SortedDictionary）还不够好。
因此，它成为必要重写整个应用程序，并给它一个新名称。因此，这篇文章。

使用代码
下载的ZIP文件包含C＃解决方案，它有两个项目：

TreeGenerator，其中包含了生成的DLL树图像编码
TestTreeGenerator，其中包含一个Windows窗体应用程序演示TreeGenerator及其使用的能力。
构造
该TreeGenerator接受一个在构造类型DataTable，与节点列表，以便产生树。该TreeData.TreeDataTableDataTable是DataTable中的类将接受在构造。它可以包含整个树状结构或只是部分。如果它包含整个树，多miniTrees可以创建从对象的同一实例。 DataTable的结构如下：

字符串nodeID -主键-节点的编号-员工人数，项目代码或其他任何节点的唯一标识
字符串parentNodeID -主键-该节点的父节点的ID。这个定义的树状结构。这可能是String.Empty
字符串nodeDescription -一个节点的简短说明
字符串nodeNote -一个节点的说明
方法
这只有一个主要方法，GenerateTree，这是超载。重载之间的区别是，一个方法接受作为参数所产生的图像所需的大小和调整大小，然后返回它。其他回报，在按计算确定的大小-的设备的数目（包括X和Y）倍的节点数量。
此方法返回的System.IO.Stream，可用于显示图像，保存到文件，或任何其他活动。这种方法的另一个重要参数是StartFromNodeID。此参数确定哪个节点将在树的顶端。

另一种方法存在，主要是作为辅助方法。 getRectangleFromNode是在内部使用，但也可以用于外部返回节点的矩形坐标，根据上的XMLNode。这个类/ DLL可以使用Windows窗体从以下列方式申请：

倒塌复制代码
/ /首先-创建数据表。在现实生活中，将必须从数据库中提取
/ /或其他方式造成了一些。
到Form1_Load私人无效（对象发送，EventArgs五）（
TreeGenerator.TreeData.TreeDataTableDataTable dtTree =
新TreeData.TreeDataTableDataTable（）;
dtTree.AddTreeDataTableRow（“1000”，“”，“1000 ","");
dtTree.AddTreeDataTableRow（“2000”，“1000”，“2000 ","");
dtTree.AddTreeDataTableRow（“2001”，“1000”，“2001 ","");
dtTree.AddTreeDataTableRow（“3000”，“2000”，“3000 ","");
dtTree.AddTreeDataTableRow（“3001”，“2000”，“3001 ","");
dtTree.AddTreeDataTableRow（“3000”，“2001”，“3000 ","");
dtTree.AddTreeDataTableRow（“4000”，“3000”，“4000 ","");
dtTree.AddTreeDataTableRow（“4001”，“3000”，“4001”，“”）;
/ /实例化对象
myTree的=新TreeBuilder（dtTree）;
）
/ /现在-生成树本身
picTree.Image = Image.FromStream（
myTree.GenerateTree（“1000”，
System.Drawing.Imaging.ImageFormat.Bmp））;性质
返回的形象默认属性。为了控制的大小和树的颜色，这些属性是可以改变的（各种规模的像素）：

BoxFillColor -将填补哪种颜色的方块
BoxWidth -在每个盒子宽度
BoxHeight -在每个盒子高度
保证金-保证金从到盒子上图像的边缘
HorizontalSpace -空间在同一水平上的雇员之间的第2盒
VerticalSpace - 2间各层次的员工空间
文字大小-为节点的细节字体大小
LineColor -颜色双方框线和连接线
线宽-宽度双方框线和连接线
博客也会-颜色在图像的背景
文字颜色-字体颜色
xmlTree -一个XmlDocument包含所有的树中的数据，包括图表上的每个节点的位置。这可以检查是否有特定的节点使用点击。
更改这些属性可能会产生奇怪的结果，所以应谨慎由用户决定。例如，它也不会好看如果同时BoxFillColor和文字颜色都是一样的。

捕获鼠标点击事件
使用xmlTree属性，可以确定，用户点击。下面是一个Windows窗体应用程序的例子。这将不会用于ASP.NET。

倒塌复制代码
私人无效picOrgChart_MouseClick（对象发送，短信我五）
（
矩形currentRect;
/ /判断鼠标点击一个框，
/ /若有，显示节点的描述。
字符串的SelectedNode =“没有节点”;
/ /查找节点
Foreach源（在myTree.xmlTree.SelectNodes的XMLNode oNode（“/ /节点”））
（
/ /遍历所有的员工，直到找到。
currentRect = myTree.getRectangleFromNode（oNode）;
如果（e.X“= currentRect.Left＆＆
e.X“= currentRect.Right＆＆
e.Y“= currentRect.Top＆＆
e.Y“= currentRect.Bottom）
（
的SelectedNode =
oNode.Attributes [“nodeDescription”]。的InnerText;
中断;
）
）

MessageBox.Show（的SelectedNode）;
）ASP.NET使用
在ASP.NET中使用此代码需要两个网页（见附表ZIP文件）：

ShowTree.aspx -接受用户的输入和显示图像
OrgChartImage.aspx -生成的图像，并返回给调用页面。
ShowTree.aspx
该页面包含一个文本框，接受任何输入。不管是什么类型将成为树的顶部节点用户。在现实生活中，文本框（或DDL，或任何其他控制）将只接受雇员身份证，编号等，在“显示树点击”按钮，将显示输入的树名。在这种情况下，这将是一个随机生成的树。在现实生活中，树应选择数据从一个数据库。

关于树节点的点击会显示该节点的孩子在一个新的树节点。这是可能的，而不是显示一个新的树每次扩大树，树保持静态对象dataTable的所有的时间。

本页面的主要功能是产生一个图像。该图像可以显示为一个图像映射，或任何其他的形象标记。在这种情况下，imageMap.ImageUrl链接到的网页内容从缓存中的图像，并返回一个流中。
此功能也得到了TreeGenerator对象XmlDocument和定义了图像映射的热点。

倒塌复制代码
私人无效GenerateChart（字符串mItem）
（
/ /创建图表对象
TreeGenerator.TreeBuilder currentBOM
=新TreeGenerator.TreeBuilder（GetDT（mItem））;
/ /指定视觉特性
currentBOM.HorizontalSpace = 15;
currentBOM.VerticalSpace = 15;
currentBOM.FontSize = 7;
currentBOM.BoxHeight = 80;
currentBOM.BoxWidth = 80;
currentBOM.LineColor =
System.Drawing.ColorTranslator.FromHtml（“＃BFBFC9”）;
currentBOM.FontColor =
System.Drawing.ColorTranslator.FromHtml（“＃3B4164”）;
System.Drawing.Image团=
System.Drawing.Image.FromStream（
currentBOM.GenerateTree（
mItem，System.Drawing.Imaging.ImageFormat.Bmp））;
字符串nameOfImage =
Session.SessionID +“CurrentImage”;
/ /保存在缓存中，由创建图像页面中使用
Cache.Insert（nameOfImage，业主立案法团，空，
DateTime.MaxValue，TimeSpan.FromMinutes（1），
CacheItemPriority.NotRemovable，空）;
/ /更新项目的图片地图
/ /查询字符串供应图像名称
impBOM.ImageUrl =“〜/ OrgChartImage.aspx？编号=”+ nameOfImage;
/ /删除所有热点
impBOM.HotSpots.Clear（）;
/ /重新生成的热点。
Foreach源（在currentBOM.xmlTree.SelectNodes的XMLNode oNode（“/ /节点”））
（
RectangleHotSpot RectHS
=新RectangleHotSpot（）;
RectHS.HotSpotMode = HotSpotMode.PostBack;矩形
currentRect = currentBOM.getRectangleFromNode（oNode）;
RectHS.Top = currentRect.Top;
RectHS.Bottom = currentRect.Bottom;
RectHS.Left = currentRect.Left;
RectHS.Right = currentRect.Right;
RectHS.PostBackValue = oNode.Attributes [“nodeID”]。的InnerText;
RectHS.AlternateText
= oNode.Attributes [“nodeDescription”]。的InnerText;
impBOM.HotSpots.Add（RectHS）;
）
）OrgChartImage.aspx
本页面加载缓存项的基础上传递的参数，将其转换成一个形象，并写入到输出流中。只有一个函数在这里：

倒塌复制代码
保护无效Page_Load（对象发送，EventArgs五）
（
/ /更改的响应头输出一个JPEG图像。
this.Response.Clear（）;
this.Response.ContentType =“图片/ jpeg格式”;
System.Drawing.Image团=空;
/ /生成图像
字符串imageName = Request.QueryString [“身份证”];
如果（高速缓存[imageName] =空）
（
业主立案法团=（System.Drawing.Image）高速缓存[imageName];
/ /写的图像以JPEG格式响应流。
OC.Save（this.Response.OutputStream，ImageFormat.Jpeg）;
OC.Dispose（）;
）
）历史
2007年9月16日-首次发布
2007年9月23日-新增ASP.NET使用的范本

许可
这篇文章，与任何相关的源代码和文件一起，是根据该法授权项目开放许可（CPOL）

关于作者
罗特姆萨皮尔

会员
职业：Web开发
地点：以色列