javascript - 隐藏 p :schedule in primefaces 的事件时间

Question

我正在使用 primefaces <p:schedule>我想在某些情况下隐藏事件时间。

我使用的条件是我传递给 DefaultScheduleEvent 的对象的一个​​属性，它也有事件标题。

我找到的解决方案是使用 display:none;对于 css 类 .fc-event-time这将隐藏日程表中的所有事件时间。

所以我想做的是当我有一个新的DefaultScheduleEvent已创建:

defaultScheduleEvent = new DefaultScheduleEvent(item.getFormule().getLibelle(), startPlanningDate, endPlanningDate, "formuleColor" + item.getFormuleCremation().getId());

它将调用 item.isDispo() , 如果为真那么我们隐藏事件时间，否则我们显示它。

我该怎么做？

Answer 1

您可以通过两种方式做到这一点:

1. 扩展fc-time css

CSS

.fc-time, .hide-time {
    display:none;
}

bean

String hideCss = "";

if (item.isDispo()) {
    hideCss = "hide-time";
}

defaultScheduleEvent = new DefaultScheduleEvent(item.getFormule().getLibelle(), startPlanningDate, endPlanningDate, "formuleColor" + item.getFormuleCremation().getId() + " " + hideCss);

1. 将 allDay 标志设置为 true

bean

defaultScheduleEvent = new DefaultScheduleEvent(item.getFormule().getLibelle(), startPlanningDate, endPlanningDate, item.isDispo());

第二种方法不适用于您的情况，因为您添加了 "formuleColor"+ item.getFormuleCremation().getId() 作为自定义 css

希望这对您有所帮助。