通过监听处理"drawcell"事件,可以根据任务信息,设置行、单元格样式,以及自定义单元格Html内容。参考示例demo/DiyDisplay.html。
代码如下:
project.on("drawcell", function (e) {
var task = e.record, column = e.column, field = e.field;
//单元格样式
if (column.name == "Name") {
e.cellCls = "mycellcls";
}
//行样式
if (task.Summary == 1) {
e.rowCls = "myrowcls";
}
////自定义单元格Html。如果是工期列, 并且工期大与5天, 显示红色
if (field == "Name" && task.Duration > 5) {
e.cellHtml = '<b style="color:red;">' + task.Name + '</b>';
}
if (field == "Name" && task.Duration <= 2) {
e.cellHtml = '<span style="color:blue;">' + task.Name + '</span>';
}
if (task.Duration == 0) {
e.rowCls = "deletetask";
}
});