Packagecom.flexcalendar.components.calendar.displayClasses.renderers
Interfacepublic interface ICalendarItemRenderer extends ICalendarRenderer, mx.core.IUIComponent
Implementors BaseCalendarItemRenderer

Interface for item renderers (standard, label and long) To create own item renderer just implement this interface. There are default item renderers for day view, long events in day view header, month view and long events in month view.

View the examples



Public Properties
 PropertyDefined By
  itemDetails : ItemDetails
ItemDetails containing CalendarItem to be displayed by this itemRenderer
ICalendarItemRenderer
Public Methods
 MethodDefined By
 Inherited
getPositionFunction(x:Number, y:Number):int
Return function associated with mouse pointer position.
ICalendarRenderer
 Inherited
Method thats enables RendererClassFactory to inject calendar context into created renderers.
ICalendarRenderer
Property Detail
itemDetailsproperty
itemDetails:ItemDetails

ItemDetails containing CalendarItem to be displayed by this itemRenderer


Implementation
    public function get itemDetails():ItemDetails
    public function set itemDetails(value:ItemDetails):void
Examples
creating own item renderers
Item renderer component:
<?xml version="1.0"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
         implements="com.flexcalendar.components.calendar.displayClasses.renderers.CalendarItemRenderer"
         backgroundColor="0xAA00AA">
    <mx:Script><![CDATA[
        import com.flexcalendar.components.calendar.displayClasses.renderers.CalendarRendererPositionFunction;
        import com.flexcalendar.components.calendar.utils.ItemDetails;
        [Bindable]
        private var _itemDetails:ItemDetails;
        protected var _calendarContext:ICalendarContext;
        public function getPositionFunction(x:Number, y:Number):int
        {
            return CalendarRendererPositionFunction.MOVE;
        }
        public function set itemDetails(value:ItemDetails):void
        {
            _itemDetails = value;
            summaryLabel.text = value.calendarItem.summary;
        }
        public function get itemDetails():ItemDetails
        {
            return _itemDetails;
        }
         public function setContext(context:ICalendarContext):void
        {
            _calendarContext = context;
        }
        ]]></mx:Script>
    <mx:Label id="summaryLabel"/>
</mx:HBox>
Setting this component as renderer in the day view:
<flexcalendar:FlexCalendar id="flexCalendar" width="100%" height="100%"
    calendarItemRenderer="{SampleItemRenderer}" />