java - 隐藏 p :schedule with css 中的事件

Question

我有一个显示 2 类事件的 p:schedule。 带有 Events 的列表填充了一个 Try 方法，如下所示:

//ResourceEvents
eventResourceAvailPerDay.addEvent(new DefaultScheduleEvent(reason, dateBeginConverted, dateEndConverted, "resource"));

//WaitingItemEvents
DefaultScheduleEvent newResourceEvent = new DefaultScheduleEvent(reason, dteBeginOrWaitingItem, dteEndOrWaitingItem, orWaitinglist.getWKey());
newResourceEvent.setStyleClass("waitingitem");
eventResourceAvailPerDay.addEvent(newResourceEvent);

2 个Events 具有上面创建的以下 css 类:resource、waitingitem

以下是我正在努力实现的目标: 在月 View 中，我只希望 waitingitem 类可见，因此隐藏 resource 类，如果可能的话覆盖 JSP 2.0，这些事件(waitingitem) 是不可点击的。 在 weekview 和 dayview 只有 resource 类应该是可见的

我已经有以下 css 代码，但没有给我想要的结果:

.waitingitem, .schedule .waitingitem .fc-view-month, .waitingitem a {
    display: none;
}
.waitingitem, .schedule .waitingitem .fc-view-agendaWeek, .waitingitem a {
    display: block!important;
}
.resource, .schedule .resource .fc-view-month, .resource a {
    display: block;
}
.resource, .schedule .resource .fc-view-agendaWeek, .resource a {
    display: none!important;
}
.resource, .schedule .resource .fc-view-agendaDay, .resource a {
    display: none!important;
}

有什么建议吗？

更新//工作CSS

schedule .fc-view-month .resource, 
.schedule .fc-view-agendaWeek .resource,
.schedule .fc-view-agendaDay .resource,
.schedule .fc-view-agendaWeek .waitingitem
.schedule .fc-view-agendaDay .waitingitem
{
    display: block;
}
.schedule .fc-view-month .waitingitem 
{
    display: none!important;
}

Answer 1

你可以尝试这样的事情:

#id-of-a-parent .fc-view-month .resource,
#id-of-a-parent .fc-view-agendaWeek .waitingitem,
#id-of-a-parent .fc-view-agendaDay .waitingitem
{
    display: none;
}

#id-of-a-parent .fc-view-month .waitingitem,
#id-of-a-parent .fc-view-agendaWeek .resource,
#id-of-a-parent .fc-view-agendaDay .resource
{
    display: block;
}

注意:#id-of-a-parent 可以是任何你想要的，只是为了让规则更重要。

这有意义吗？我仍然无法测试您的设置。