2016-08-17 117 views
0

我嘗試修改其基於ejgantt組件Essential JS項目跟蹤例如第一天:如何設置基本JS甘特圖

$("#gantt").ejGantt({ 
      dataSource: projectData, 
      allowColumnResize: true, 
      allowSorting: true, 
      allowSelection: true, 
      enableResize:true, 
      enableContextMenu:true, 
      taskIdMapping: "taskID", 
      allowDragAndDrop:true, 
      taskNameMapping: "taskName", 
      startDateMapping: "startDate", 
      showColumnChooser: true, 
      showColumnOptions: true, 
      progressMapping: "progress", 
      durationMapping: "duration", 
      endDateMapping: "endDate", 
      childMapping: "subtasks", 
      enableVirtualization: false, 
      highlightWeekEnds: true, 
      includeWeekend: false, 
      scheduleStartDate: "02/01/2014", 
      scheduleEndDate: "04/09/2014", 
      scheduleHeaderSettings:{weekHeaderFormat : "d MMM yyyy" }, 
      resourceInfoMapping: "resourceId", 
      resourceNameMapping: "resourceName", 
      resourceIdMapping: "resourceId", 
      resources: projectResources, 
      predecessorMapping: "predecessor", 
      showResourceNames:true, 
      toolbarSettings: { 
       showToolbar: true, 
       toolbarItems: [ej.Gantt.ToolbarItems.Add, 
       ej.Gantt.ToolbarItems.Edit, 
       ej.Gantt.ToolbarItems.Delete, 
       ej.Gantt.ToolbarItems.Update, 
       ej.Gantt.ToolbarItems.Cancel, 
       ej.Gantt.ToolbarItems.Indent, 
       ej.Gantt.ToolbarItems.Outdent, 
       ej.Gantt.ToolbarItems.ExpandAll, 
       ej.Gantt.ToolbarItems.CollapseAll, 
       ej.Gantt.ToolbarItems.Search] 
      }, 
      editSettings: { 
       allowEditing: true, 
       allowAdding: true, 
       allowDeleting: true, 
       allowIndent: true, 
       editMode: "cellEditing" 
      }, 
      sizeSettings:{ 
       width:"100%", 
       height:"100%" 
      }, 
      dragTooltip: { showTooltip: true }, 
      showGridCellTooltip: true, 
      treeColumnIndex:1 
     }); 
    }); 

我不喜歡這個組件,是第一天在此組件星期幾星期日:

enter image description here

我知道firstDayOfWeek方法,然而屬於ejschedule組件。所以,我需要一些幫助。

回答