This is a Gantt chart control on the web. The size of the control is only 54kb and there is only one DLL file.
It is displayed in the form of separation between left and right. The binding fields of the graphic data are displayed on the left and the line plan of the Gantt chart on the right.
This control took about three days to complete. It was easy to use. After setting the specified field and datasource A Abel, you can. The control is developed based on the. net2.0 framework. It certainly does not support 1.1, but I think it will be compatible with the above.
Controls Support ie5, IE6, IE7, IE8, ff, and chrome
This control is completely free to use, including commercial use, but please keep the copyright (www.51ascx.com)
Control preview:
Instructions for use
The method is simple. First copy Gantt. DLL to your project and add it to your vs toolbox.
How to add vs2008: Right-click the vs toolbox
Click "select items". In the displayed dialog box, select Browse to find Gantt. dll. Click "OK ".
A ganttcontrol control is added to the menu, which is the Gantt chart control.
Drag ganttcontrol to your page, such
The 51ascx.com Gantt Chart control is displayed when no node is running.
The following is the front-end code.
View code
1 <%@ Register Assembly="Gantt" Namespace="Gantt" TagPrefix="cc1" %>
Control front-end code
1 <cc1:GanttControl ID="GanttControl2" runat="server">
2 cc1:GanttControl>
You can set the title text department of the control, that is, the title attribute.
Title = "51ascx.com Control Network"
This completes the front-end work. Now let's talk about how to bind data.
Binding data is divided into two parts: one is to specify the field, the other is to give a datatable OK
How to specify Fields
There are three methods to specify a field
Method 1:Right-click the control and click Properties. In the desired property list of the control, you will find an attribute group named boundfield. Clicking this property will have five properties.
For example
Taskname, starttimeplan, endtimeplan, personcharge, and progress
Five attribute notes: Task Name, start time, end time, owner and completion progress
You can set the corresponding field names for these attributes.
Method 2:
The second method is to use the front-end code. I personally prefer this method:
<PC3: ganttcontrol id = "ganttcontrol1" runat = "server" Title = "51ascx.com Control Network">
<Boundfield taskname = "tasknames" starttimeplan = "starttimeplans" endtimeplan = "endtimeplans"
Personcharge = "personcharges" Progress = "progresss"> boundfield>
C0: ganttcontrol>
The third method is to bind the Code with the background Code as follows:
GanttControl1.BoundField.StartTimePlan = "StartTimePlan";
GanttControl1.BoundField.EndTimePlan = "EndTimePlan";
GanttControl1.BoundField.Progress = "Progress";
GanttControl1.BoundField.TaskName = "TaskName";
GanttControl1.BoundField.PersonCharge = "PersonCharge";
The above is the method for specifying the field name. No matter which one you use, the datasource is required.
GanttControl1.Width = "800px";
GanttControl1.Height = "250px";
GanttControl1.DataSource = dataTable();
Datatable (); // This Is My method to return datatable width and height. It is set width and height. OK. Let's run it.
Control property list
Title |
Title displayed in the header |
Width |
Widget width |
Height |
Control height |
DataSource |
Gets or sets an object. The data binding control detects its object list from this object. |
BoundField |
|
TaskName |
Data source field that is set to the value provided by the task name list item |
PersonCharge |
Set the data source field to provide the value for the owner list item |
StartTimePlan |
Data source field that is set to the value provided by the scheduled start time list item |
EndTimePlan |
Data source field that is set to the value provided by the planned end time list item |
SS |
Set the data source field that provides the value for the completion progress list item |
: Http://www.51ascx.com/203.html