Hello,
This is my first thread and I don't speak english very well, but I will try to explain what is my problem.
I need use the calendar widget (SmartGWT 2.5) to show all months of one year and display some information on some days.
And my problem is that i don't know how can i do this two things:
1) Paint a background-color in a day cell, but only the days I want.
2) Selected two or more days in distinct calendars to change his backgroud-color.
In my html pag I have this:
<div id="DivCalendar1"> Gener</div>
<div id="DivCalendar2"> Febrer</div>
<div id="DivCalendar3"> Març</div>
....
And in my *.java i have this following code:
package com.projectP1.Ex1CalendarGroup.client;
import java.util.Date;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.i18n.client.DateTimeFormat;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.widgets.calendar.Calendar;
import com.smartgwt.client.widgets.calendar.CalendarEvent;
public class Ex1CalendarGroup implements EntryPoint {
public void onModuleLoad() {
// Creem un array de calendaris
Calendar[] calendars = new Calendar[12];
for (int i = 0; i < calendars.length; i++) {
calendars[i] = new Calendar() {
@Override
protected String getDayBodyHTML(Date date, CalendarEvent[] events, Calendar calendar, int rowNum, int colNum) {
return DateTimeFormat.getFormat("d").format(date).toString();
}
};
calendars[i].setWidth(300); // 50%
calendars[i].setHeight(300); // 220
calendars[i].setShowControlsBar(false);
calendars[i].setShowDayView(false);
calendars[i].setShowWeekView(false);
calendars[i].setShowMonthView(true);
calendars[i].setShowOtherDays(false);
calendars[i].setShowDayHeaders(false);
calendars[i].setShowDatePickerButton(false);
calendars[i].setDisableWeekends(false);
calendars[i].setShowDateChooser(false);
calendars[i].setCanCreateEvents(false);
calendars[i].setFirstDayOfWeek(1);
DateTimeFormat dateTimeFormatCustom = DateTimeFormat.getFormat("yyyy-MM");
Date dateTime = dateTimeFormatCustom.parse("2009" + "-" + (i + 1));
calendars[i].setChosenDate(dateTime);
}
for (int i = 0; i < calendars.length; i++) {
RootPanel.get("DivCalendar" + (i + 1)).add(calendars[i]);
}
}
}
This is my first thread and I don't speak english very well, but I will try to explain what is my problem.
I need use the calendar widget (SmartGWT 2.5) to show all months of one year and display some information on some days.
And my problem is that i don't know how can i do this two things:
1) Paint a background-color in a day cell, but only the days I want.
2) Selected two or more days in distinct calendars to change his backgroud-color.
In my html pag I have this:
<div id="DivCalendar1"> Gener</div>
<div id="DivCalendar2"> Febrer</div>
<div id="DivCalendar3"> Març</div>
....
And in my *.java i have this following code:
package com.projectP1.Ex1CalendarGroup.client;
import java.util.Date;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.i18n.client.DateTimeFormat;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.widgets.calendar.Calendar;
import com.smartgwt.client.widgets.calendar.CalendarEvent;
public class Ex1CalendarGroup implements EntryPoint {
public void onModuleLoad() {
// Creem un array de calendaris
Calendar[] calendars = new Calendar[12];
for (int i = 0; i < calendars.length; i++) {
calendars[i] = new Calendar() {
@Override
protected String getDayBodyHTML(Date date, CalendarEvent[] events, Calendar calendar, int rowNum, int colNum) {
return DateTimeFormat.getFormat("d").format(date).toString();
}
};
calendars[i].setWidth(300); // 50%
calendars[i].setHeight(300); // 220
calendars[i].setShowControlsBar(false);
calendars[i].setShowDayView(false);
calendars[i].setShowWeekView(false);
calendars[i].setShowMonthView(true);
calendars[i].setShowOtherDays(false);
calendars[i].setShowDayHeaders(false);
calendars[i].setShowDatePickerButton(false);
calendars[i].setDisableWeekends(false);
calendars[i].setShowDateChooser(false);
calendars[i].setCanCreateEvents(false);
calendars[i].setFirstDayOfWeek(1);
DateTimeFormat dateTimeFormatCustom = DateTimeFormat.getFormat("yyyy-MM");
Date dateTime = dateTimeFormatCustom.parse("2009" + "-" + (i + 1));
calendars[i].setChosenDate(dateTime);
}
for (int i = 0; i < calendars.length; i++) {
RootPanel.get("DivCalendar" + (i + 1)).add(calendars[i]);
}
}
}