我正试图从gwtbootstrap3插件中的额外功能中为fullcalendar插件中的事件添加一个popover。
以下是我配置弹出窗口的方式:
Popover popover = new Popover();
popover.setWidget(eventWidget);
popover.setTitle("message");
popover.setPlacement(Placement.BOTTOM);
popover.reconfigure();
要使弹出窗口工作,我必须声明一个小部件(eventWidget
),弹出窗口将附加到该小部件上。悬停在该小部件上将显示弹出窗口。
这似乎是一项很容易完成的工作,但不幸的是,我不知道如何获得日历中显示的事件的小部件对象。
请帮忙。
以下是我在日历中创建事件的方法
private FullCalendar cal;
cal = new FullCalendar("some_unique_id", ViewOption.agendaWeek, config, true);
Event calEvent2 = new Event("uniqueId","New event");
Date startDate = new Date();
calEvent2.setStart(startDate);
Date endDate = new Date();
CalendarUtil.addDaysToDate(endDate, 3);
calEvent2.setEnd(endDate);
calEvent2.setAllDay(false);
cal.addEvent(calEvent2);
您需要在日历事件上设置描述属性。然后,实施:
final CalendarConfig config = new CalendarConfig();
config.setRenderHandler(new EventRenderConfig(new EventRenderHandler() {
@Override
public void render(JavaScriptObject evt, Element ele) {
ele.setTitle(eventDescription(evt));
}
}));
public native String eventDescription(JavaScriptObject object) /*-{
return object.description;
}-*/;