ASP.NET 漂亮的免費甘特圖控制項1.1版本

上個版本中，有網友"gz518"提出增加自訂欄位功能，所以這幾天改了一下，那使用方法也有所變化

這裡我主要說一下使用方法

簡介

 這是一個WEB下的甘特圖控制項，控制項的體積只有54KB，只有一個DLL檔案。 以左右分隔形式顯示，左邊是圖形資料的綁定欄位顯示，右邊是甘特圖的線條計劃。 這個控制項我花費了大概3天的時間完成的，使用方法很簡單，設定指定的欄位後並DataSource一個DataTabel就可以。控制項是以.NET2.0的架構開發，肯定不支援1.1的了，不過我想會向上相容。 控制項支援IE5, IE6, IE7, IE8,FF,Chrome 本控制項完全免費使用，包括商業，但是請保留著作權(www.51ascx.com) 控制項預覽：

使用說明

 使用方法很簡單首先拷貝Gantt.dll到你的項目中並添加到你的VS工具箱中。 

VS2008的添加方法：右鍵VS的工具箱 

然後點擊選擇項彈出對話方塊，選擇瀏覽找到Gantt.dll，按確定就可以了

添加成功後會在VS工具箱中會多出二控制項

如

拖動GanttControl到你的頁面中，另一個你不用去管，是我綁定資料用的，代碼如下

<cc1:GanttControl ID="GanttControl1" runat="server"> cc1:GanttControl>  

在以上代碼你可以設定空間的Title和寬高屬性 

下面我說一下綁定資料，注意綁定資料有5個必須欄位，因為我要根據這5個欄位來計算

先看下我的DEMO代碼，看代碼講解會更好一些

<cc1:GanttControl ID="GanttControl1" Title="51ascx.com 甘特圖" runat="server">  
<BoundField>  
<cc1:DataBindingItem ID="DataBindingItem7" runat="server" DataField="id"   
                   HeaderText="標識">  
               cc1:DataBindingItem>  
<cc1:DataBindingItem ID="DataBindingItem6" runat="server" DataField="zdy"   
                   HeaderText="自訂">  
               cc1:DataBindingItem>  
<cc1:DataBindingItem ID="DataBindingItem8" runat="server" BindingMode="任務名稱"   
                   DataField="taskNames" HeaderText="任務名稱">  
               cc1:DataBindingItem>  
<cc1:DataBindingItem ID="DataBindingItem9" runat="server" BindingMode="開始時間"   
                   DataField="startTimePlans" HeaderText="計劃時間">  
               cc1:DataBindingItem>  
<cc1:DataBindingItem ID="DataBindingItem10" runat="server" BindingMode="結束時間"   
                   DataField="endTimePlans" HeaderText="完成時間">  
               cc1:DataBindingItem>  
<cc1:DataBindingItem ID="DataBindingItem11" runat="server" BindingMode="完成進度"   
                   DataField="progresss" HeaderText="進度">  
               cc1:DataBindingItem>  
<cc1:DataBindingItem ID="DataBindingItem12" runat="server" BindingMode="負責人"   
                   DataField="personCharges" HeaderText="負責人">  
               cc1:DataBindingItem>  
           BoundField>  
       cc1:GanttControl>  

上面代碼中可以看到，綁定要在BoundField模板中綁定，一個DataBindingItem節點代表一個欄位

前兩個是我自訂的，後5個是必須欄位

DataField是自定資料庫的欄位

HeaderText是頁首

這裡重點說一下BindingMode屬性，可以看到BindingMode有6個類型，綁定的時後我們要把這6個類型中除“自訂”外都要正確指定欄位，不然我沒辦法找到資料

BindingMode屬性：

類型我用的是中文，因為我是中國人：）

自定就類型的就可以是你自己加的了，隨便想指定什麼欄位都可以

以上是指定欄位名稱的方法，那不管你用哪一個指定，最後還是要DataSource一下

GanttControl1.Width = "1000px";  
GanttControl1.Height = "250px";  
GanttControl1.DataSource = dataTable();  

片如下

：http://www.51ascx.com/247.html