Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Calendar widget customize cells and multi-select-days

    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]);
    }
    }
    }
    Attached Files
Working...
X