此功能僅在 DhtmlxGantt PRO 版本中可用。

默認(rèn)情況下，資源被認(rèn)為是在任務(wù)的整個持續(xù)時間內(nèi)分配的。 從DhtmlxGantt最新版本 v7.1 開始，資源分配的對象可以接受額外的可選參數(shù)，這些參數(shù)允許在任務(wù)中指定分配的日期。

附加屬性是：

• id - ( string|number ) 分配的 id
• start_date - ( Date|string ) 作業(yè)計劃開始的日期
• end_date - ( Date|string ) 作業(yè)計劃完成的日期
• 延遲-（數(shù)字）分配開始日期和任務(wù)開始日期之間的差異
• 持續(xù)時間- （數(shù)字）分配的持續(xù)時間
• mode - ( string ) 資源分配時間的計算模式："default"|"fixedDates"|"fixedDuration"

{
    id: 5, text: "Interior office", type: "task", start_date: "03-04-2019 00:00",
    duration: 7, parent: "2", progress: 0.6, priority: 1,
    users: [{
        resource_id: "3",
        value: 8,
        delay: 1 
    },{
        resource_id: "6",
        value: 3,
        start_date: "03-04-2019 00:00", 
        end_date: "05-04-2019 00:00", 
        mode: "fixedDates" 
    },{
        resource_id: "7",
        value: 3,
        delay: 1, 
        duration: 2, 
        mode: "fixedDuration" 
    }
    ]
}

例：將資源值分配給特定日期

1.資源分配的開始和結(jié)束日期將反映在資源直方圖和圖表中。

2.分配的可選id屬性可以添加到資源分配對象中：

{
    id: 1, text: "Task #1", start_date: "02-04-2018", duration: 8, progress: 0.6,
    users: [{
        id: 5, 
        resource_id: 2, value: 8, 
        delay: 1
    }]
}
}

甘特圖 API 可以通過此 ID 訪問分配對象：

var assignment = gantt.getDatastore("resourceAssignments").getItem(5);

其余屬性的工作由mode屬性 的值定義：

• “默認(rèn)”模式

{
    id: 1, text: "Task #1", start_date: "02-04-2018", duration: 8, progress: 0.6,
    users: [
        { resource_id: 2, value: 8, delay: 1},
        { resource_id: 3, value: 6},
    ]
}

如果未指定模式或?qū)⒛Ｊ皆O(shè)置為“默認(rèn)”值，則分配的start_date和end_date從任務(wù)的日期計算。默認(rèn)情況下，分配的開始日期與任務(wù)的開始日期相匹配。相同的方法適用于結(jié)束日期。

delay屬性的工作方式類似于MS Project的Delay屬性。

如果指定了延遲，則分配的start_date計算為
gantt.calculateEndDate({start_date:task.start_date, duration:assignment.delay, task:task})。

資源分配將從任務(wù)開始后的指定延遲開始。分配的結(jié)束日期將匹配任務(wù)的結(jié)束日期。

每當(dāng)更新任務(wù)對象時，分配的開始/結(jié)束日期將相應(yīng)更新。

• 固定持續(xù)時間”模式

{
    id: 1, text: "Task #1", start_date: "02-04-2018", duration: 8, progress: 0.6,
    users: [
        {resource_id:2, value:8, duration: 1, delay:0, mode: "fixedDuration"},
        {resource_id:2, value:2, duration: 1, delay:1, mode: "fixedDuration"},
        {resource_id:2, value:3, delay:2, mode: "default"}
    ]
}

分配的start_date的計算方式與“默認(rèn)”模式下的計算方式相同。

end_date不再鏈接到任務(wù)的結(jié)束日期。相反，它被計算為
gantt.calculateEndDate({start_date:assignment.start_date, duration:assignment.delay, task:task})。

每當(dāng)更新任務(wù)對象時，都會重新計算分配的日期，并且分配的持續(xù)時間保持不變。

• “固定日期”模式

{
    id: 1, text: "Task #1", start_date: "02-04-2018", duration: 8, progress: 0.6,
    users: [{
        resource_id:2, value:8, 
        start_date:"03-04-2018", end_date:"11-04-2018", mode: "fixedDates"
    }]
}

在此模式下，資源分配的日期與數(shù)據(jù)中指定的日期完全相同，并且在修改任務(wù)時不會更改。

使用“fixedDates”模式時，延遲字段不會影響分配的日期。以下是在每種模式下如何計算分配日期的簡短摘要：

• 默認(rèn)

  • assignment.start_date = task.start_date + assignment.delay
  • assignment.end_date = task.end_date

• 固定時間

  • assignment.start_date = task.start_date + assignment.delay
  • assignment.end_date = assignment.start_date + assignment.duration

• 固定日期

  • assignment.start_date = assignment.start_date
  • assignment.end_date = assignment.end_date

更多關(guān)于DhtmlxGantt使用教程的內(nèi)容可進(jìn)入官網(wǎng)查看。

DhtmlxGantt| 下載試用

DhtmlxGantt是針對您的解決方案的交互式JavaScript / HTML5甘特圖。