这是一个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,按确定就可以了
添加成功后菜单中会多出一个名为GanttControl的控件,这也就是我们要的甘特图控件
拖动GanttControl到你的页面中,如下图片
在没有运行时会显示51ascx.com 甘特图控件
下面是前台头部代码
1 <%@ Register Assembly="Gantt" Namespace="Gantt" TagPrefix="cc1" %>
控件前台代码
1 <cc1:GanttControl ID="GanttControl2" runat="server">
2 cc1:GanttControl>
我们可以设置控件的标题文字部门,也就是Title属性
Title="51ascx.com 控件网"
这样前台的工作就完成了,现在说一下如何绑定数据
绑定数据分两个部分,一是指定字段,二是给一个DataTable就OK
先说一下如何指定字段
指定字段有三种方法
方法1:右键控件点击属性,在控件的要属性列表中你会发现有一个名为BoundField的属性组,点开这个属性会有5个属性
如下图
分别为TaskName,StartTimePlan,EndTimePlan,PersonCharge,Progress
5个属性注释:任务名称,开始时间,结束时间,负责人和完成进度
那么为这几个属性设置对应的相关字段名就可以
方法2:
第二个方法就是用前台代码指定,我个人比较喜欢用这个方法:
<cc1:GanttControl ID="GanttControl1" runat="server" Title="51ascx.com 控件网">
<BoundField TaskName="taskNames" StartTimePlan="startTimePlans" EndTimePlan="endTimePlans"
PersonCharge="personCharges" Progress="progresss">BoundField>
cc1:GanttControl>
第三个方法就是用后台代码绑定 代码如下:
GanttControl1.BoundField.StartTimePlan = "StartTimePlan";
GanttControl1.BoundField.EndTimePlan = "EndTimePlan";
GanttControl1.BoundField.Progress = "Progress";
GanttControl1.BoundField.TaskName = "TaskName";
GanttControl1.BoundField.PersonCharge = "PersonCharge";
以上是指定字段名称的方法,那不管你用哪一个指定,最后还是要DataSource一下
GanttControl1.Width = "800px";
GanttControl1.Height = "250px";
GanttControl1.DataSource = dataTable();
dataTable();//这是我的返回DataTable的方法 Width和Height是设置宽和高 OK大功告成了,来运行一下吧,效果图片
控件属性列表
Title |
头部显示标题 |
Width |
控件的宽度 |
Height |
控件的高度 |
DataSource |
获取或设置对象,数据绑定控件从该对像中检测其对像列表 |
BoundField |
|
TaskName |
设置为任务名称列表项提供值的数据源字段 |
PersonCharge |
设置为负责人列表项提供值的数据源字段 |
StartTimePlan |
设置为计划开始时间列表项提供值的数据源字段 |
EndTimePlan |
设置为计划结束时间列表项提供值的数据源字段 |
Progress |
设置为完成进度列表项提供值的数据源字段 |
下载地址:http://www.51ascx.com/203.html
请发表评论