普加项目管理中间件示例之三：自定义单元格样式，行样式，以及单元格内容

通过监听处理"drawcell"事件，可以根据任务信息，设置行、单元格样式，以及自定义单元格Html内容。参考示例demo/DiyDisplay.html。

代码如下：

    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";

    }

});