项目管理工具----普加项目管理中间件（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事件。