0
点赞
收藏
分享

微信扫一扫

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

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

除了上文的标准列,开发者可以根据自己扩展的任务属性类型,来创建自己的列。比如:

//文本输入框编辑列
var stringColumn = {
    name: "name",
    header: "任务名称<br/>String",
    field: "Name",          
    width: 150,
    editor: {
        type: "textbox"
    }
};
//数字输入框编辑列
var numberColumn = {
    header: "工时",
    field: "Work1",
    width: 60,
    editor: {
        type: "spinner", minValue: 0, maxValue: 100,  decimalPlaces: 2
    }
};
//日期输入框编辑列
var dateColumn = {
    header: "开始日期<br/>Date",
    field: "Start",
    width: 100,
    renderer: function (e) {
        var date = e.value;
        if (!date) return "";
        return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
    },
    editor: {
        type: "datepicker"
    }
};

这里这个列对象有以下属性可以配置。

属性

类型

描述

默认值

header

String

表头列文本


field

String

单元格值字段


displayField

String

单元格文本字段


name

String

列标识名称


width

Number

列宽度


visible

Boolean

是否显示

true

readOnly

Boolean

是否只读

false

headerAlign

String

表头列文本位置。left/center/right。

left

align

String

单元格文本位置。left/center/right。

left

headerCls

String

表头列样式类。


cellCls

String

单元格样式类


headerStyle

String

表头列样式


cellStyle

String

单元格样式


editor

Object

单元格编辑器。


renderer

Function

单元格绘制处理函数,同drawcell事件。


举报

相关推荐

0 条评论