這篇文章給大家講解利用dhtmlxGantt從MS項(xiàng)目導(dǎo)出。

DhtmlxGantt正版試用下載

導(dǎo)出MS項(xiàng)目

甘特圖組件允許將鏈接、任務(wù)和資源導(dǎo)出到 MS Project 中。

要將數(shù)據(jù)從甘特圖導(dǎo)出到 MS Project，請(qǐng)執(zhí)行以下操作：

• 在頁面中包含 “//export.dhtmlx.com/gantt/api.js” 文件以啟用在線導(dǎo)出服務(wù)：

<script src="codebase/dhtmlxgantt.js"></script>
<script src="http://export.dhtmlx.com/gantt/api.js"></script> 
<link rel="stylesheet" href="codebase/dhtmlxgantt.css" type="text/css">

調(diào)用exportToMSProject方法從甘特圖中導(dǎo)出數(shù)據(jù)。

gantt.exportToMSProject();

該方法將向遠(yuǎn)程服務(wù)發(fā)送一個(gè)請(qǐng)求，該服務(wù)將輸出一個(gè)XML項(xiàng)目文件或返回一個(gè)url以下載生成的文件。

響應(yīng)將包含以下結(jié)構(gòu)的JSON：

{
   data: {},
   config: {},
   resources: [],
   worktime: {}
}

• 數(shù)據(jù) - 甘特圖 數(shù)據(jù)對(duì)象 。 每個(gè)任務(wù)都有以下屬性： id 、 open 、 parent 、 progress 、 start_date 、 text 、 resource 。 日期以“%Y-%m-%d %H:%i”格式進(jìn)行字符串化。
• config - 具有從項(xiàng)目文件中檢索的設(shè)置的甘特圖 配置 對(duì)象。
• resources - 一個(gè)對(duì)象數(shù)組（每個(gè)對(duì)象都具有以下屬性：{ id: string, name:string, type:string }），代表項(xiàng)目文件中的資源列表。
• worktime - 包含項(xiàng)目日歷中的工作時(shí)間設(shè)置的對(duì)象。

導(dǎo)出設(shè)置

exportToMSProject () 方法將具有多個(gè)屬性的對(duì)象作為參數(shù)（所有屬性都是可選的）：

• name - （字符串）獲取文件的名稱（默認(rèn)為“gantt.xml”）。

gantt.exportToMSProject({
    name:'custom.xml'
});

• auto_scheduling - (boolean) 表示導(dǎo)出項(xiàng)目中任務(wù)的調(diào)度模式。 true 會(huì)將任務(wù)標(biāo)記為自動(dòng)計(jì)劃， false 會(huì)將任務(wù)標(biāo)記為手動(dòng)計(jì)劃（默認(rèn)狀態(tài)）。

gantt.exportToMSProject({
    auto_scheduling: false
});

• skip_circular_links - (boolean) 表示是否刪除循環(huán)鏈接（true - 將被刪除（默認(rèn)模式），false - 不會(huì)被刪除）。

gantt.exportToMSProject({
    skip_circular_links: false
});

• 項(xiàng)目 -（對(duì)象）允許為導(dǎo)出的項(xiàng)目實(shí)體設(shè)置自定義屬性

gantt.exportToMSProject({
    project: {
        'Author': 'I am!',
        'MinutesPerDay': function () {
            return gantt.config.hours_per_day * 60;
        }
    }
});

• 任務(wù) -（對(duì)象）允許為導(dǎo)出的任務(wù)項(xiàng)設(shè)置自定義屬性

gantt.exportToMSProject({
   tasks: {
       'StartVariance': function (task) {
           if (task.startVariance)
               return task.startVariance;
           else
               return 0;
       },
       'PercentWorkComplete': function (task) {
           return (task.progress + 0.1);
       },
       'Custom': function (task) {
           return 'Custom value';
       },
       'Custom 2': 'My Custom value'
   }
});

• callback - (function) 如果你想接收一個(gè) url 來下載生成的 XML， callback 可以使用 屬性。 它接收一個(gè)帶有 url 屬性的 JSON 對(duì)象：

gantt.exportToMSProject({
    project: {
        'Author': 'I am!',
        'MinutesPerDay': function () {
            return gantt.config.hours_per_day * 60;
        }
    }
});

• resources - (array) 允許將資源列表導(dǎo)出到 MS Project 文件中

gantt.exportToMSProject({
  resources: [
    {"id":"1","name":"John","type":"work"},
    {"id":"2","name":"Mike","type":"work"},
    {"id":"3","name":"Anna","type":"work"}
  ]
});

可能的資源類型是“工作”、“成本”、“材料”。 資源分配是使用任務(wù)配置的 ResourceAssignments 屬性指定的：

var users = [// resources
  {key:'0', label: "N/A"},
  {key:'1', label: "John"},
  {key:'2', label: "Mike"},
  {key:'3', label: "Anna"}
];
 
gantt.exportToMSProject({
  resources: users
     .filter(function(u){
        if(u.key === '0')//skip the default option 
           return false;
        return true;
     })
     .map(function(u){
        return {
           id: u.key,
           name: u.label,
           type: "work"
        };
     }),
  tasks: {
     ResourceAssignments: function(task){          return task.user;                       }                                       }
});

屬性設(shè)置為將 ResourceAssignments 任務(wù)對(duì)象作為參數(shù)并返回字符串/數(shù)字值或字符串/數(shù)字值數(shù)組的函數(shù)：

gantt.exportToMSProject({
  resources: [
    {"id":"1","name":"John","type":"work"},
    {"id":"2","name":"Mike","type":"work"},
    {"id":"3","name":"Anna","type":"work"}
  ]
});

 可能的資源類型是“工作”、“成本”、“材料”。 資源分配是使用任務(wù)配置的 ResourceAssignments 屬性指定的：

tasks: {
    ResourceAssignments: function(task){
        return [task.user, task.office];
    }
}

• server - （字符串）請(qǐng)求的 API 端點(diǎn)。 可與導(dǎo)出服務(wù)的本地安裝一起使用。 默認(rèn)值為 //export.dhtmlx.com/gantt 。
  

gantt.exportToMSProject({
   server:"http://myapp.com/myexport/gantt"
});

dhtmlxGantt是用于跨瀏覽器和跨平臺(tái)應(yīng)用程序的功能齊全的Gantt圖表，可滿足項(xiàng)目管理控件應(yīng)用程序的所有需求，是最完善的甘特圖圖表庫。了解更多DhtmlxGantt相關(guān)內(nèi)容和資訊，歡迎在線咨詢或者私信我獲取正版試用版及報(bào)價(jià)。

甘特圖控件交流群：764148812    歡迎進(jìn)群交流討論

更多正版甘特圖軟件下載、購(gòu)買、授權(quán)咨詢，請(qǐng)點(diǎn)這里！