公司要做一个组织结构图,或者是叫思维导图,然后在网上找了很多,终于找到了一个合适的C#组织结构图控件。
先把图展示给出来看看效果:
水平:
垂直:
使用方法:
1.在网站或Web应用程序中引用dll后,页面写法:
<%@ Page Language=
"
C#
" AutoEventWireup=
"
true
" CodeBehind=
"
MyTest.aspx.cs
" Inherits=
"
OrgChartWebControl.Gallery.MyTest
" %>
<%@ Register TagPrefix= " oc " Namespace= " Whidsoft.WebControls " Assembly= " Whidsoft.WebControls.OrgChart " %>
<html>
<head runat= " server ">
<title>思维导图</title>
<style type= " text/css ">
.alink a,a:hover,a:visited{
color:Black;
text-decoration:none;
}
</style>
</head>
<body>
<form id= " Form1 " method= " post " runat= " server ">
<div class= " alink ">
<oc:orgchart id= " OrgChart1 " style= " z-index: 101; left: 104px; position: absolute; top: 88px "
runat= " server " LineColor= " Silver " Width= " 100% " Height= " 100% " ChartStyle= " Vertical " ToolTip= " test "></oc:orgchart>
</div>
</form>
</body>
</html>
<%@ Register TagPrefix= " oc " Namespace= " Whidsoft.WebControls " Assembly= " Whidsoft.WebControls.OrgChart " %>
<html>
<head runat= " server ">
<title>思维导图</title>
<style type= " text/css ">
.alink a,a:hover,a:visited{
color:Black;
text-decoration:none;
}
</style>
</head>
<body>
<form id= " Form1 " method= " post " runat= " server ">
<div class= " alink ">
<oc:orgchart id= " OrgChart1 " style= " z-index: 101; left: 104px; position: absolute; top: 88px "
runat= " server " LineColor= " Silver " Width= " 100% " Height= " 100% " ChartStyle= " Vertical " ToolTip= " test "></oc:orgchart>
</div>
</form>
</body>
</html>
后台代码使用写法:
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Whidsoft.WebControls;
namespace OrgChartWebControl.Gallery
{
/* ---------------------------------------------
* 页面描述:
* 创建人:shopping
* 创建日期:2012-5-4 14:57:28
* 公司名称:
--------------------------------------------- */
public partial class MyTest : System.Web.UI.Page
{
protected void Page_Load( object sender, EventArgs e)
{
string style = Request.QueryString[ " style "];
if (style == null || style == "")
{
style = " 1 ";
}
if (!IsPostBack)
{
// 每一个组织图中的节点都是一个OrgNode,各属性分别为显示名称,tips
OrgNode orgNode = new OrgNode();
orgNode.Text = " 罗宝线 ";
orgNode.Description = " 这是组织图的塔尖 ";
orgNode.NavigateUrl = " http://www.whidsoft.cn ";
orgNode.UnderDesc = " 累计电度:1000万度,占线路用电 100% ";
// 建立各节点
OrgNode OrgNode1 = new OrgNode();
OrgNode1.Text = " 车站照明动力 ";
OrgNode1.Description = " 这是 ";
OrgNode1.UnderDesc = " 累计电度:55万度,占线路用电 65% ";
OrgNode OrgNode11 = new OrgNode();
OrgNode11.Text = " 车站1 ";
OrgNode11.Description = " 这是 ";
OrgNode11.UnderDesc = " 累计电度:33万度,占线路用电 13% ";
OrgNode OrgNode12 = new OrgNode();
OrgNode12.Text = " 车站2 ";
OrgNode12.Description = " 这是 ";
OrgNode12.UnderDesc = " 累计电度:133万度,占线路用电 33% ";
OrgNode OrgNode13 = new OrgNode();
OrgNode13.Text = " 车站3 ";
OrgNode13.Description = " 这是 ";
OrgNode13.UnderDesc = " 累计电度:13万度,占线路用电 33% ";
OrgNode1.Nodes.Add(OrgNode11);
OrgNode1.Nodes.Add(OrgNode12);
OrgNode1.Nodes.Add(OrgNode13);
orgNode.Nodes.Add(OrgNode1);
OrgNode OrgNode2 = new OrgNode();
OrgNode2.Text = " 牵引动力 ";
OrgNode2.Description = " 这是 ";
OrgNode2.UnderDesc = " 累计电度:13万度,占线路用电 11% ";
OrgNode OrgNode21 = new OrgNode();
OrgNode21.Text = " 1段牵引 ";
OrgNode21.Description = " 这是 ";
OrgNode OrgNode22 = new OrgNode();
OrgNode22.Text = " 2段牵引 ";
OrgNode22.Description = " 这是 ";
OrgNode2.Nodes.Add(OrgNode21);
OrgNode2.Nodes.Add(OrgNode22);
orgNode.Nodes.Add(OrgNode2);
OrgNode OrgNode3 = new OrgNode();
OrgNode3.Text = " 维修段 ";
OrgNode3.Description = " 这是3 ";
OrgNode3.UnderDesc = " 累计电度:345万度,占线路用电 54% ";
OrgNode OrgNode31 = new OrgNode();
OrgNode31.Text = " 检修 ";
OrgNode31.Description = " 这是3 ";
OrgNode OrgNode32 = new OrgNode();
OrgNode32.Text = " 洗车及污水 ";
OrgNode32.Description = " 这是3 ";
OrgNode OrgNode33 = new OrgNode();
OrgNode33.Text = " 综合办公楼 ";
OrgNode33.Description = " 这是3 ";
OrgNode3.Nodes.Add(OrgNode31);
OrgNode3.Nodes.Add(OrgNode32);
OrgNode3.Nodes.Add(OrgNode33);
orgNode.Nodes.Add(OrgNode3);
OrgNode OrgNode4 = new OrgNode();
OrgNode4.Text = " 管理中心 ";
OrgNode4.Description = " 这是3 ";
OrgNode4.UnderDesc = " 累计电度:234万度,占线路用电 34% ";
OrgNode OrgNode41 = new OrgNode();
OrgNode41.Text = " 办公 ";
OrgNode41.Description = " 这是3 ";
OrgNode OrgNode42 = new OrgNode();
OrgNode42.Text = " 商业 ";
OrgNode42.Description = " 这是3 ";
OrgNode OrgNode43 = new OrgNode();
OrgNode43.Text = " 机房 ";
OrgNode43.Description = " 这是3 ";
OrgNode4.Nodes.Add(OrgNode41);
OrgNode4.Nodes.Add(OrgNode42);
OrgNode4.Nodes.Add(OrgNode43);
orgNode.Nodes.Add(OrgNode4);
OrgChart1.Node = orgNode;
OrgChart1.ChartStyle = (style == " 1 ") ? Whidsoft.WebControls.Orientation.Vertical : Whidsoft.WebControls.Orientation.Horizontal;
}
}
}
}
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Whidsoft.WebControls;
namespace OrgChartWebControl.Gallery
{
/* ---------------------------------------------
* 页面描述:
* 创建人:shopping
* 创建日期:2012-5-4 14:57:28
* 公司名称:
--------------------------------------------- */
public partial class MyTest : System.Web.UI.Page
{
protected void Page_Load( object sender, EventArgs e)
{
string style = Request.QueryString[ " style "];
if (style == null || style == "")
{
style = " 1 ";
}
if (!IsPostBack)
{
// 每一个组织图中的节点都是一个OrgNode,各属性分别为显示名称,tips
OrgNode orgNode = new OrgNode();
orgNode.Text = " 罗宝线 ";
orgNode.Description = " 这是组织图的塔尖 ";
orgNode.NavigateUrl = " http://www.whidsoft.cn ";
orgNode.UnderDesc = " 累计电度:1000万度,占线路用电 100% ";
// 建立各节点
OrgNode OrgNode1 = new OrgNode();
OrgNode1.Text = " 车站照明动力 ";
OrgNode1.Description = " 这是 ";
OrgNode1.UnderDesc = " 累计电度:55万度,占线路用电 65% ";
OrgNode OrgNode11 = new OrgNode();
OrgNode11.Text = " 车站1 ";
OrgNode11.Description = " 这是 ";
OrgNode11.UnderDesc = " 累计电度:33万度,占线路用电 13% ";
OrgNode OrgNode12 = new OrgNode();
OrgNode12.Text = " 车站2 ";
OrgNode12.Description = " 这是 ";
OrgNode12.UnderDesc = " 累计电度:133万度,占线路用电 33% ";
OrgNode OrgNode13 = new OrgNode();
OrgNode13.Text = " 车站3 ";
OrgNode13.Description = " 这是 ";
OrgNode13.UnderDesc = " 累计电度:13万度,占线路用电 33% ";
OrgNode1.Nodes.Add(OrgNode11);
OrgNode1.Nodes.Add(OrgNode12);
OrgNode1.Nodes.Add(OrgNode13);
orgNode.Nodes.Add(OrgNode1);
OrgNode OrgNode2 = new OrgNode();
OrgNode2.Text = " 牵引动力 ";
OrgNode2.Description = " 这是 ";
OrgNode2.UnderDesc = " 累计电度:13万度,占线路用电 11% ";
OrgNode OrgNode21 = new OrgNode();
OrgNode21.Text = " 1段牵引 ";
OrgNode21.Description = " 这是 ";
OrgNode OrgNode22 = new OrgNode();
OrgNode22.Text = " 2段牵引 ";
OrgNode22.Description = " 这是 ";
OrgNode2.Nodes.Add(OrgNode21);
OrgNode2.Nodes.Add(OrgNode22);
orgNode.Nodes.Add(OrgNode2);
OrgNode OrgNode3 = new OrgNode();
OrgNode3.Text = " 维修段 ";
OrgNode3.Description = " 这是3 ";
OrgNode3.UnderDesc = " 累计电度:345万度,占线路用电 54% ";
OrgNode OrgNode31 = new OrgNode();
OrgNode31.Text = " 检修 ";
OrgNode31.Description = " 这是3 ";
OrgNode OrgNode32 = new OrgNode();
OrgNode32.Text = " 洗车及污水 ";
OrgNode32.Description = " 这是3 ";
OrgNode OrgNode33 = new OrgNode();
OrgNode33.Text = " 综合办公楼 ";
OrgNode33.Description = " 这是3 ";
OrgNode3.Nodes.Add(OrgNode31);
OrgNode3.Nodes.Add(OrgNode32);
OrgNode3.Nodes.Add(OrgNode33);
orgNode.Nodes.Add(OrgNode3);
OrgNode OrgNode4 = new OrgNode();
OrgNode4.Text = " 管理中心 ";
OrgNode4.Description = " 这是3 ";
OrgNode4.UnderDesc = " 累计电度:234万度,占线路用电 34% ";
OrgNode OrgNode41 = new OrgNode();
OrgNode41.Text = " 办公 ";
OrgNode41.Description = " 这是3 ";
OrgNode OrgNode42 = new OrgNode();
OrgNode42.Text = " 商业 ";
OrgNode42.Description = " 这是3 ";
OrgNode OrgNode43 = new OrgNode();
OrgNode43.Text = " 机房 ";
OrgNode43.Description = " 这是3 ";
OrgNode4.Nodes.Add(OrgNode41);
OrgNode4.Nodes.Add(OrgNode42);
OrgNode4.Nodes.Add(OrgNode43);
orgNode.Nodes.Add(OrgNode4);
OrgChart1.Node = orgNode;
OrgChart1.ChartStyle = (style == " 1 ") ? Whidsoft.WebControls.Orientation.Vertical : Whidsoft.WebControls.Orientation.Horizontal;
}
}
}
}
源码下载:点击下载控件源码
发表该文章主要是用于个人学习收藏,转载请著名出处,谢谢!