项目管理工具----普加项目管理中间件(PlusProject )入门教程(3):如何配置列(下)

56 阅读1分钟

普加项目管理中间件是用于跨浏览器和跨平台应用程序的功能齐全的 Gantt 图表,可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。

前面分别介绍标准列和自定义列,是本质来说每一列都是一个对象,标准列是预设好了各种属性的包装好的对象,方便直接使用,自定义列是按需处理的更加灵活的使用,标准列都可以用自定义列的方式来重新实现。

以下是一个结合一起使用的示例。

var project = new PlusProject();

project.setStyle("width:800px;height:400px");

var columns = [];

//可以使用标准列: "状态列", 也可以使用其他的

columns.push(new PlusProject.IDColumn());

columns.push(new PlusProject.StatusColumn());

//String

var stringColumn = {

    name: "name",

    header: "任务名称<br/>String",

    field: "Name",          //OutlineNumber

    width: 150,

    editor: {

        type: "textbox"

    }

};

columns.push(stringColumn);

var numberColumn = {

    header: "工时",

    field: "Work1",

    width: 60,

    editor: {

        type: "spinner", minValue: 0, maxValue: 100,  decimalPlaces: 2

    }

};

columns.push(numberColumn);

var boolColumn = {

    header: "关键任务",

    field: "Critical",

    width: 70,

    type: "checkboxcolumn",

    trueValue: 1,

    falseValue: 0

};

columns.push(boolColumn);

project.setColumns(columns);

project.setTreeColumn("name");

project.render(document.getElementById("viewCt"));

LoadJSONProject("data/project.txt", project);

界面效果如下:

20230616.png