DHTMLX Scheduler Month 仅查看事件计数

Posted 2023-02-21

【中文标题】DHTMLX Scheduler Month 仅查看事件计数

【英文标题】：DHTMLX Scheduler Month View only event count

【发布时间】：2020-06-25 05:14:54

【问题描述】：

1) 在月视图中事件是可见的，而不是那些我只想显示计数的事件。如何在 DhtmlX Scheduler JS 版本中实现这一点。

2) 在月视图中启用日期区域点击事件，而不是指向日视图或周视图的 event_link。在月视图中单击日期框时只需要一个事件我必须仅在单击时加载当天的事件。

【参考方案1】：

可以使用scheduler.addMarkedTimespan()方法实现。您需要在一个月内迭代所有天，按scheduler.getEvents() 计算每天的事件数，然后在addMarkedTimespan 的html 参数中指定结果。

function addEvCount()
    var startDate = scheduler.getState().min_date;
    var endMonthDate = scheduler.getState().max_date;
    while(startDate.getTime() < endMonthDate.getTime())
        var endDayDate = scheduler.date.add(startDate, 1, 'day');
        var evs = scheduler.getEvents(startDate, endDayDate);
        if(evs.length)
            scheduler.addMarkedTimespan(
                start_date: startDate,
                end_date: endDayDate,
                html:"<div style='text-align:center;'><b>"+evs.length+"</b></div>",
                css: "color"
            );
        
        startDate = endDayDate;
    
    scheduler.updateView();

请在snippet 中查看它是如何工作的。

要隐藏所有事件，也可以使用过滤事件。

 scheduler.filter_month = function(id, event)
       return false; // event will not be rendered
 

updated demo 只有数字，没有渲染事件。

相关文档：addMarkedTimespan()、getEvents()、Filtering。

onEmptyClick 事件在用户单击调度程序中的空白区域（而不是事件）时触发。 Demo。