编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

项目管理工具dhtmlxGantt教程(十五):MS项目导入导出(上)

wxchong 2024-07-08 01:14:49 开源技术 12 ℃ 0 评论

这篇文章给大家讲解利用DHTMLX Gantt从MS项目导出。

DHTMLX Gantt官方最新版免费下载试用,历史版本下载,在线文档和帮助文件下载-慧都网

导出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 对象:
gantt.exportToMSProject({
    project: {
        'Author': 'I am!',
        'MinutesPerDay': function () {
            return gantt.config.hours_per_day * 60;
        }
    }
});
  • 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 任务对象作为参数并返回字符串/数字值或字符串/数字值数组的函数:

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

可能的资源类型是“工作”、“成本”、“材料”。 资源分配是使用任务配置的 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是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理控件应用程序的所有需求,是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容和资讯,欢迎在线咨询或者私信我获取正版试用版及报价。


甘特图控件交流群:764148812 欢迎进群交流讨论

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表