2014-11-16 6 views
-1

Visual Studio 2012 ASP.NET C#의 Syncfusion Gantt 차트에 익숙하지 않은 경우 알려 주시기 바랍니다.Syncfusion Gantt 차트가 Visual Studio 2012 ASP.NET에 표시되지 못했습니다. C#

Visual Studio 2012에서 Syncfusion Gantt Chart를 사용했지만 IE를 사용하여 보았을 때 Gantt 차트가 표시되지 않았습니다.

Default.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 

    } 
} 

답변

1

당신이 제어 및 미세 데이터 소스 등을 위해 ASPX와 ASPX.CS 파일에서 수행 한 변경 사항은, 또한 수의 뒤에 필요한 Syncfusion dll을 포함하도록 web.config 파일을 변경하십시오.

[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> 
(210)

그리고 다음과 같은 내부 및 외부 스크립트 파일은 간트 렌더링에 언급 된 확인은 또한 Syncfusion 컨트롤과 ASP.NET C# 응용 프로그램을 작성하기위한 온라인 문서 link을 찾아주십시오

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

을 제어 할 수 있습니다.

감사합니다.