• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NET 漂亮的免费甘特图控件

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

这是一个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 甘特图控件

下面是前台头部代码

View Code
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



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap