同步甘特图 无法在 Visual Studio 2012 ASP.NET c# 中显示
本文关键字:ASP 2012 NET 显示 Studio Visual 同步 | 更新日期: 2023-09-27 18:30:30
如果熟悉Visual Studio 2012中的Syncfusion Gantt Chart ASP.NET C#,请问。
我在Visual Studio 2012中使用了Syncfusion Gantt Chart,但是当我使用IE查看时,甘特图无法显示。
默认.aspx
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.App_web.WebForm2" %>
<%@ Register Assembly="Syncfusion.EJ.Web, Version=12.3450.0.36, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" Namespace="Syncfusion.JavaScript.Web" TagPrefix="ej" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"></asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<ej:Gantt ID="GanttControlDefault" runat="server" AllowSelection="true" AllowColumnResize="true"
TaskIdMapping="Id" TaskNameMapping="Name" ScheduleStartDate="02/23/2014" ScheduleEndDate="03/10/2014"
StartDateMapping="StartDate" EndDateMapping="EndDate" ProgressMapping="PercentDone"
ChildMapping="Children" AllowGanttChartEditing="false"
TreeColumnIndex="1">
</ej:Gantt></asp:Content>
代码隐藏
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Syncfusion.JavaScript.Web;
using Syncfusion.EJ;
using Syncfusion.Core;
using Syncfusion.Web;
namespace WebApplication1.App_web
{
public partial class WebForm2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//var DataSource = this.GetDataSource();
this.GanttControlDefault.DataSource = GetDataSource();
this.GanttControlDefault.DataBind();
}
#region Create DataSource for Default Gantt control
private List<BusinessObject> GetDataSource()
{
List<BusinessObject> list = new List<BusinessObject>();
list.Add(new BusinessObject()
{
Id = 1,
Name = "Parent Task 1",
StartDate = "02/23/2014",
EndDate = "02/27/2014",
PercentDone = "40",
Children = (new List<BusinessObject>()
{
new BusinessObject()
{
Id = 2,
Name = "Child Task 1",
StartDate = "02/23/2014",
EndDate="02/27/2014",
PercentDone = "40",
},
new BusinessObject()
{
Id = 3,
Name = "Child Task 2",
StartDate = "02/23/2014",
EndDate="02/27/2014",
PercentDone = "40"
},
new BusinessObject()
{
Id = 4,
Name = "Child Task 3",
StartDate = "02/23/2014",
EndDate="02/27/2014",
PercentDone = "40"
}
})
});
list.Add(new BusinessObject()
{
Id = 5,
Name = "Parent Task 2",
StartDate = "03/14/2014",
EndDate = "03/18/2014",
PercentDone = "40",
Children = (new List<BusinessObject>()
{
new BusinessObject()
{
Id = 6,
Name = "Child Task 1",
StartDate = "03/02/2014",
EndDate="03/06/2014",
PercentDone = "40",
},
new BusinessObject()
{
Id = 7,
Name = "Child Task 2",
StartDate = "03/02/2014",
EndDate="03/06/2014",
PercentDone = "40",
},
new BusinessObject()
{
Id = 8,
Name = "Child Task 3",
StartDate = "03/02/2014",
EndDate="03/06/2014",
PercentDone = "40",
},
new BusinessObject()
{
Id = 9,
Name = "Child Task 4",
StartDate = "03/02/2014",
EndDate="03/06/2014",
PercentDone = "40",
}
})
});
list.Add(new BusinessObject()
{
Id = 10,
Name = "Parent Task 3",
StartDate = "03/09/2014",
EndDate = "03/13/2014",
PercentDone = "40",
Children = (new List<BusinessObject>()
{
new BusinessObject()
{
Id = 11,
Name = "Child Task 1",
StartDate = "03/9/2014",
EndDate="03/13/2014",
PercentDone = "40"
},
new BusinessObject()
{
Id = 12,
Name = "Child Task 2",
StartDate = "03/9/2014",
EndDate="03/13/2014",
PercentDone = "40",
},
new BusinessObject()
{
Id = 13,
Name = "Child Task 3",
StartDate = "03/9/2014",
EndDate="03/13/2014",
PercentDone = "40"
},
new BusinessObject()
{
Id = 14,
Name = "Child Task 4",
StartDate = "03/9/2014",
EndDate="03/13/2014",
PercentDone = "40"
},
new BusinessObject()
{
Id = 15,
Name = "Child Task 5",
StartDate = "03/9/2014",
EndDate="03/13/2014",
PercentDone = "40"
}
})
});
return list;
}
#endregion
#region BusinessObject Creation
public class BusinessObject
{
public string StartDate { get; set; }
public int Id { get; set; }
public string Name { get; set; }
public string EndDate { get; set; }
public string PercentDone { get; set; }
public List<object> ResourceID { get; set; }
public List<BusinessObject> Children { get; set; }
public string Predescessor { get; set; }
}
#endregion
}
}
您在ASPX和ASPX中所做的更改.CS文件中包括控件和数据源都很好,您能否也确保web.config文件包含必要的Syncfusion dlls的更改,
[web.config]
<compilation debug="true" targetFramework="4.5">
<assemblies>
<add assembly="Syncfusion.EJ.Web, Version= XX.XXXX.X.XX, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89"/>
<add assembly="Syncfusion.EJ, Version= XX.XXXX.X.XX, Culture=neutral, PublicKeyToken=3D67ED1F87D44C89"/>
</assemblies>
</compilation>
并确保已引用以下外部和内部脚本文件来呈现甘特图控件
<link href="Content/ej/ej.widgets.core.min.css" rel="stylesheet" />
<link href="Content/ej/flat-lime/ej.theme.min.css" rel="stylesheet" />
<script src='<%= Page.ResolveClientUrl("~/Scripts/jquery-1.10.2.min.js")%>' type="text/javascript"></script>
<script src='<%= Page.ResolveClientUrl("~/Scripts/jsrender.min.js")%>' type="text/javascript"></script>
<script src='<%= Page.ResolveClientUrl("~/Scripts/jquery.easing-1.3.min.js")%>' type="text/javascript"></script>
<script src='<%= Page.ResolveClientUrl("~/Scripts/jquery.globalize.min.js")%>' type="text/javascript"></script>
<script src='<%= Page.ResolveClientUrl("~/Scripts/ej.web.all.min.js")%>' type="text/javascript"></script>
另请找到用于创建具有同步控件的 ASP.NET C# 应用程序的联机文档链接。
谢谢