翻譯|使用教程|編輯:楊鵬連|2020-12-07 10:42:53.007|閱讀 953 次
概述:甘特組件允許將鏈接,任務和資源導出到MS Project中。本文介紹了如何從MS Project導出和導入。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
dhtmlxGantt是用于跨瀏覽器和跨平臺應用程序的功能齊全的Gantt圖表。可滿足項目管理應用程序的所有需求,是最完善的甘特圖圖表庫。它允許你創建動態甘特圖,并以一個方便的圖形化方式可視化項目進度。有了dhtmlxGantt,你可以顯示活動之間的依賴關系,顯示具有完成百分比陰影的當前任務狀態以及組織活動到樹結構。
導出到MS Project
甘特組件允許將鏈接,任務和資源導出到MS Project中。
	要將數據從甘特圖導出到MS Project,請執行以下操作:
	
<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">
gantt.exportToMSProject();該方法將向遠程服務發送請求,該服務將輸出XML Project文件或返回url以下載生成的文件。
響應
	響應將包含以下結構的JSON:
{
   data: {},
   config: {},
   resources: [],
   worktime: {}
}
	
	所述exportToMSProject()方法作為一個參數的對象與多個屬性(所有屬性是可選的):
	
gantt.exportToMSProject({
    name:'custom.xml'
});
	gantt.exportToMSProject({
    auto_scheduling: false
});
	gantt.exportToMSProject({
    skip_circular_links: false
});
	gantt.exportToMSProject({
    project: {
        'Author': 'I am!',
        'MinutesPerDay': function () {
            return gantt.config.hours_per_day * 60;
        }
    }
});
該對象的屬性對應于Project實體的適當屬性。可以在此處找到受支持屬性的列表。這些屬性可以包含固定值或在調用export時將執行的函數。
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'
   }
});
該對象的屬性與Task實體的適當屬性相對應,這里是受支持屬性的列表。這些屬性可以包含固定值或函數,在調用export時將為數據集中的每個任務調用這些函數。
gantt.exportToMSProject({
    callback: function(res){
        alert(res.url);
    }
});
	gantt.exportToMSProject({
  resources: [
    {"id":"1","name":"John","type":"work"},
    {"id":"2","name":"Mike","type":"work"},
    {"id":"3","name":"Anna","type":"work"}
  ]
});
可能的資源類型為“工作”,“成本”,“材料”。使用任務配置的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;                  
     }                                     
  }
});
所述ResourceAssignments屬性被設定為開出任務對象作為參數并返回一個字符串/數值或串/數值的數組的函數:tasks: {
    ResourceAssignments: function(task){
        return [task.user, task.office];
    }
}
	gantt.exportToMSProject({
   server:"http://myapp.com/myexport/gantt"
});
從MS Project導入
	為了轉換XML或MPP MS Project文件,您需要將以下請求發送到導出服務:
	
<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <button type="submit">Get</button>
</form>
另外,您可以使用客戶端API,如下所示:gantt.importFromMSProject({
    data: file,
    taskProperties: ["Notes", "Name"],
    callback: function (project) {
        if (project) {
            gantt.clearAll();
            if (project.config.duration_unit) {
                gantt.config.duration_unit = project.config.duration_unit;
            }                    
            gantt.parse(project.data);
        }
     }
});
其中file是File的實例,其中應包含XML或MPP Project文件。響應
	響應將包含以下結構的JSON:
{
   data: {},
   config: {},
   resources: [],
   worktime: {}
}
	
	設置持續時間單位
要設置預期的持續時間單位,還可以將durationUnit(“分鐘”,“小時”,“天”,“周”,“月”,“年”)字符串發送到服務器。
<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <input type="hidden" name="data" 
        value="{ \"durationUnit\": \"hour\" }" />
    <button type="submit">Get</button>
</form>
要么gantt.importFromMSProject({
    data: file,
    durationUnit: "hour",
    callback: function(project){}
});
獲取項目的屬性
	要獲取項目字段,可以將帶有一系列必需字段的projectProperties輸入發送到服務器。它將Project實體的任意屬性提取 到輸出的config屬性中。這是受支持的屬性的列表。
	
<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <input type="hidden" name="data" 
        value="{ \"projectProperties\": [\"Author\", \"Title\"] }" />
    <button type="submit">Get</button>
</form>
要么gantt.importFromMSProject({
    data: file,
    durationUnit: "hour",
    projectProperties: ["Author", "Title"],
    callback: function(project){
        var config = project.config;
        alert(config.$custom_properties.Author);
    }
});
獲取任務屬性
	要獲取任務字段,可以將帶有一系列必需字段的taskProperties輸入發送到服務器。它提取Task實體的任意屬性。這是受支持的屬性的列表:
	
<form action="http://export.dhtmlx.com/gantt" method="POST" 
    enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="hidden" name="type" value="msproject-parse">
    <input type="hidden" name="data" 
        value="{ \"taskProperties\": [\"Contact\", \"Priority\"] }" />
    <button type="submit">Get</button>
</form>
要么gantt.importFromMSProject({
    data: file,
    durationUnit: "hour",
    taskProperties: ["Contact", "Priority"],
    callback: function(project){
        var config = project.config;
        alert(config.$custom_properties.Author);
        gantt.parse(project.data);
    }
});
gantt.attachEvent("onTaskLoading", function(task) {
    if (task.$custom_data) {
        task.contact = task.$custom_data["Contact"];
        task.priority = task.$custom_data["priority"];
        delete task.$custom_data;
    }
    return true;
});
對請求大小和大文件導入的限制
	MSProject導出/導入服務有兩個API端點:
	
gantt.importFromMSProject({
    server:"http://export.dhtmlx.com/gantt",
    data: file,
    callback: function(project){
       // some logic
    }
});
如果未指定端點,則默認使用//export.dhtmlx.com/gantt。以下調用等效于上述調用:gantt.importFromMSProject({
    data: file,
    callback: function(project){
       // some logic
    }
});
為了導出或導入超過4MB限制的大型項目,可以使用第二個端點:gantt.importFromMSProject({
    server:"http://export.dhtmlx.com/gantt/project",
    data: file,
    callback: function(project){
       // some logic
    }
});
它允許發送最大40MB的請求,并支持MS Project導出和導入。它只能用于MS Project導出。
	任何其他方法,例如gantt.exportToPDF({server:“ //export.dhtmlx.com/gantt/project”})都應返回服務器錯誤。
關產品推薦:
VARCHART XGantt:支持ActiveX、.Net等平臺的C#甘特圖控件
AnyGantt:構建復雜且內容豐富的甘特圖的理想工具
jQuery Gantt Package:基于HTML5 / jQuery的跨平臺jQuery Gantt包
phGantt Time Package:對任務和時間的分配管理的甘特圖
	APS幫助提升企業生產效率,真正實現生產計劃可視化呈現與控制,快速有效響應不同場景的生產計劃,提高準時交貨能力,提高產能和資源利用率
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉載自: