项目管理工具dhtmlxGantt甘特图入门教程（十五）：从MS项目导入/导出（上）

Dear 丶 2023-09-24 20:55 17阅读 0赞

这篇文章给大家讲解利用[dhtmlxGantt][]从MS项目导出。

[dhtmlxGantt][dhtmlxGantt 1]是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表，可满足应用程序的所有需求，是完善的甘特图图表库

**[DhtmlxGantt正版试用下载（qun：764148812）![icon-default.png?t=N176][icon-default.png_t_N176]https://www.evget.com/product/4213/download][dhtmlxGantt 1]**

导出MS项目

甘特图组件允许将链接、任务和资源导出到 MS Project 中。

要将数据从甘特图导出到 MS Project，请执行以下操作：

*  在页面中包含 “https://export.dhtmlx.com/gantt/api.js” 文件以启用在线导出服务：

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

调用exportToMSProject方法从甘特图中导出数据。

>     gantt.exportToMSProject();

该方法将向远程服务发送一个请求，该服务将输出一个XML项目文件或返回一个url以下载生成的文件。

响应将包含以下结构的JSON：

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

*  数据 - 甘特图 数据对象 。 每个任务都有以下属性： id 、 open 、 parent 、 progress 、 start\_date 、 text 、 resource 。 日期以“%Y-%m-%d %H:%i”格式进行字符串化。
 *  config - 具有从项目文件中检索的设置的甘特图 配置 对象。
 *  resources - 一个对象数组（每个对象都具有以下属性：\{ id: string, name:string, type:string \}），代表项目文件中的资源列表。
 *  worktime - 包含项目日历中的工作时间设置的对象。

导出设置

exportToMSProject () 方法将具有多个属性的对象作为参数（所有属性都是可选的）：

*  name - （字符串）获取文件的名称（默认为“gantt.xml”）。

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

*  auto\_scheduling - (boolean) 表示导出项目中任务的调度模式。 true 会将任务标记为自动计划， false 会将任务标记为手动计划（默认状态）。

>     gantt.exportToMSProject({
>         auto_scheduling: false
>     });

*  skip\_circular\_links - (boolean) 表示是否删除循环链接（true - 将被删除（默认模式），false - 不会被删除）。

>     gantt.exportToMSProject({
>         skip_circular_links: false
>     });

*  项目 -（对象）允许为导出的项目实体设置自定义属性

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

*  任务 -（对象）允许为导出的任务项设置自定义属性

>     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) 如果你想接收一个 url 来下载生成的 XML， callback 可以使用 属性。 它接收一个带有 url 属性的 JSON 对象：

*  resources - (array) 允许将资源列表导出到 MS Project 文件中

>     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 任务对象作为参数并返回字符串/数字值或字符串/数字值数组的函数：

可能的资源类型是“工作”、“成本”、“材料”。 资源分配是使用任务配置的 ResourceAssignments 属性指定的：

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

*  server - （字符串）请求的 API 端点。 可与导出服务的本地安装一起使用。 默认值为 https://export.dhtmlx.com/gantt 。

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

[dhtmlxGantt]: https://www.evget.com/product/4213/license
[dhtmlxGantt 1]: https://www.evget.com/product/4213/download
[icon-default.png_t_N176]: https://csdnimg.cn/release/blog_editor_html/release2.2.3/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N176