0

当加载日历并渲染 cellDidMount 并且单元格渲染为绿色或红色时,这可以正常工作。我想要做的是在一段时间后将事件添加到资源通道时将单元格重新渲染为不同的颜色。在调用 select 或 dateClick 等事件函数并添加新事件后,如何调用此 cellDidMount 以获得特定资源或执行其他操作。

resourceAreaColumns: [
    {
        headerContent: 'Resource',
        field: 'title'
    },
    {
        headerContent: 'Tasks',
        field: 'tasks',
        width: 50,
        headerDidMount: function(arg) {
            arg.el.style.textAlign = "center";
        },
        cellDidMount: function (arg) {
            var parentId = arg.resource._resource.parentId;
            var tasks = arg.resource._resource.extendedProps.tasks;
            if (parentId != "" && tasks == 0)
                arg.el.style.backgroundColor = 'red';
            else
                arg.el.style.backgroundColor = 'green';
            arg.el.style.textAlign = "center";
        }
    }
],
4

1 回答 1

0

我发现 cellClassNames 可以返回一个类并改变颜色

cellClassNames: function (arg) {
    var args = arg.resource._resource.ui.classNames;
    var parentId = arg.resource._resource.parentId;
    var tasks = arg.resource._resource.extendedProps.tasks;
    if (parentId != "" && tasks == 0) 
        return ['cellcolorred']                               
    else
        return ['cellcolorgreen']                              
}
于 2020-05-13T19:29:08.930 回答