首頁 > 開發者 > ASP

Asp.net組織圖控制項,思維導圖控制項

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

公司要做一個組織圖，或者是叫思維導圖，然後在網上找了很多，終於找到了一個合適的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>

 

後台代碼使用寫法：

 

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;

            }
        }
    }
}

 

 

源碼下載：點擊下載控制項源碼

發表該文章主要是用於個人學習收藏，轉載請著名出處，謝謝！

 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關文章
ASP學習總結：錯誤碼
反爬蟲：利用ASP.NET MVC的Filter和緩衝（入坑出坑）
ASP.NET Core 2.0利用MassTransit整合RabbitMQ
實戰中的asp.net core結合Consul叢集&Docker實現服務治理
asp DateDiff實現文字在特定時間後消失
設定和讀取ASP.Net全域變數的方法

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More