Organizer out of Calendar

[mario.balaban]

Hello,
I need to develop a component for displaying appointments or time events defined by the user. And i thought that I could use the rich:Calendar component for that with some customizations. The code is:

<rich:calendar datePattern="dd/MM/yyyy" enableManualInput="false"
 popup="false" value="#{bean.Data}" immediate="true"
 styleClass="fontMedium" cellWidth="130px" cellHeight="55px">


 <!-- Customization with usage of facets and accessible elements -->

 <f:facet name="header">

 <h:panelGrid columns="2" width="100%"
 columnClasses="width100, fake">

 <h:outputText value="{selectedDateControl}" />

 <h:outputText value="{todayControl}"
 style="font-weight:bold; text-align:left" />

 </h:panelGrid>

 </f:facet>

 <f:facet name="weekDay">

 <h:panelGroup style="width:60px; overflow:hidden;" layout="block">

 <h:outputText value="{weekDayLabelShort}" />

 </h:panelGroup>

 </f:facet>

 <f:facet name="weekNumber">

 <h:panelGroup>

 <h:outputText value="{weekNumber}" style="color:red" />

 </h:panelGroup>

 </f:facet>

 <f:facet name="footer">

 <h:panelGrid columns="3" width="100%"
 columnClasses="fake, width100 talign">

 <h:outputText value="{previousMonthControl}"
 style="font-weight:bold;" />

 <h:outputText value="{currentMonthControl}"
 style="font-weight:bold;" />

 <h:outputText value="{nextMonthControl}" style="font-weight:bold;" />

 </h:panelGrid>

 </f:facet>

 <h:outputText value="{day}"></h:outputText>
 <br />
 <h:panelGroup style="overflow:hidden; font-size:10px; text-align:left" layout="block">

 <h:outputText value="#{bean.Task}" >
 </h:panelGroup>

 </rich:calendar>

So, supposing i have a collection of 31 bean for each day. Mi questions are:

what should i do to display in each dayCell the relative task for that day?

where i can find all the possible facets name off the Calendar component?

{day}, what kind of variable is (scope, usage) in the code line <h:outputText value="{day}"? how can it be used?

[nbelaevski]

Have a look here: https://svn.jboss.org/repos/richfaces/trunk/ui/calendar/design/funcspec/FuncSpec - RF Calendar Component.doc

[shimonl97]

It asks for password

[nbelaevski]

Right! Please excuse me, here is the public link: http://anonsvn.jboss.org/repos/richfaces/trunk/ui/calendar/design/funcspec/FuncSpec%20-%20RF%20Calendar%20Component.doc

[mario.balaban]

Spasibo! Thank you very much, that was really useful.
I implemented the CalendarDataModel and CalendarDataModelItem interfaces. Then i set the component's dataModel attribute to the bean that implements CalendarDataModel and after that all you have to do is to put something like

<h:outputText value="{data}">
 </h:outputText>
 <br />

before closing the richcalendar tag and after the

<h:outputText value="{day}"></h:outputText>

Don't ask me how I figured out that the value between the {} should be "data". It is not clear what is a JSON-serialazable object, but anyway I was able to put some sort of dayCell content by returning a string with html like:

"event1<br/>event2<br/>"

(as returned value of the getData() method of CalendarDataModelItem implementation).

Is there a better method then returning the string with html like I did for doing that?

How to use the Object returned by the CalendarDataModelItem.getData inside a custom facet?

Thanks again.

[ilya_shaikovsky]

chech please developers sample which located at trunk/samples SVN folder of the project. One of the calendars uses dataModel here.