examples/docs/output/Ext.calendar.CalendarPanel.html

   1 <div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.calendar.CalendarPanel-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.calendar.CalendarPanel-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.calendar.CalendarPanel-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.calendar.CalendarPanel-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.calendar.CalendarPanel"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><h1>Class <a href="source/CalendarPanel.html#cls-Ext.calendar.CalendarPanel">Ext.calendar.CalendarPanel</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.calendar</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/CalendarPanel.html#cls-Ext.calendar.CalendarPanel">CalendarPanel.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/CalendarPanel.html#cls-Ext.calendar.CalendarPanel">CalendarPanel</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr></table><div class="description"><p>This is the default container for Ext calendar views. It supports day, week and month views as well
   2 as a built-in event edit form. The only requirement for displaying a calendar is passing in a valid
   3 <a href="output/Ext.calendar.CalendarPanel.html#Ext.calendar.CalendarPanel-calendarStore" ext:member="calendarStore" ext:cls="Ext.calendar.CalendarPanel">calendarStore</a> config containing records of type <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">EventRecord</a>. In order
   4 to make the calendar interactive (enable editing, drag/drop, etc.) you can handle any of the various
   5 events fired by the underlying views and exposed through the CalendarPanel.</p>
   6 <a href="output/Ext.calendar.CalendarPanel.html#Ext.calendar.CalendarPanel-layoutConfig" ext:member="layoutConfig" ext:cls="Ext.calendar.CalendarPanel">layoutConfig</a> option if needed.</p></div><div class="hr"></div><a id="Ext.calendar.CalendarPanel-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-dayText"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-dayText">dayText</a></b> : String<div class="mdesc">Alternate text to use for the 'Day' nav bar button.</div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-monthText"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-monthText">monthText</a></b> : String<div class="mdesc">Alternate text to use for the 'Month' nav bar button.</div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-showDayView"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-showDayView">showDayView</a></b> : Boolean<div class="mdesc">True to include the day view (and toolbar button), false to hide them (defaults to true).</div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-showMonthView"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-showMonthView">showMonthView</a></b> : Boolean<div class="mdesc"><div class="short">True to include the month view (and toolbar button), false to hide them (defaults to true).
   7 If the day and week views...</div><div class="long">True to include the month view (and toolbar button), false to hide them (defaults to true).
   8 If the day and week views are both hidden, the month view will show by default even if
   9 this config is false.</div></div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-showNavBar"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-showNavBar">showNavBar</a></b> : Boolean<div class="mdesc"><div class="short">True to display the calendar navigation toolbar, false to hide it (defaults to true). Note that
  10 if you hide the defau...</div><div class="long">True to display the calendar navigation toolbar, false to hide it (defaults to true). Note that
  11 if you hide the default navigation toolbar you'll have to provide an alternate means of navigating the calendar.</div></div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-showTime"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-showTime">showTime</a></b> : Boolean<div class="mdesc"><div class="short">True to display the current time next to the date in the calendar's current day box, false to not show it
  12 (defaults ...</div><div class="long">True to display the current time next to the date in the calendar's current day box, false to not show it
  13 (defaults to true).</div></div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-showTodayText"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-showTodayText">showTodayText</a></b> : Boolean<div class="mdesc"><div class="short">True to show the value of todayText instead of today's date in the calendar's current day box,
  14 false to display the d...</div><div class="long">True to show the value of <a href="output/Ext.calendar.CalendarPanel.html#Ext.calendar.CalendarPanel-todayText" ext:member="todayText" ext:cls="Ext.calendar.CalendarPanel">todayText</a> instead of today's date in the calendar's current day box,
  15 false to display the day number(defaults to true).</div></div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-showWeekView"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-showWeekView">showWeekView</a></b> : Boolean<div class="mdesc">True to include the week view (and toolbar button), false to hide them (defaults to true).</div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-todayText"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-todayText">todayText</a></b> : String<div class="mdesc">Alternate text to use for the 'Today' nav bar button.</div></td><td class="msource">CalendarPanel</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-weekText"></a><b><a href="source/CalendarPanel.html#cfg-Ext.calendar.CalendarPanel-weekText">weekText</a></b> : String<div class="mdesc">Alternate text to use for the 'Week' nav bar button.</div></td><td class="msource">CalendarPanel</td></tr></tbody></table><a id="Ext.calendar.CalendarPanel-props"></a><h2>Public Properties</h2><div class="no-members">This class has no public properties.</div><a id="Ext.calendar.CalendarPanel-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-CalendarPanel"></a><b><a href="source/CalendarPanel.html#cls-Ext.calendar.CalendarPanel">CalendarPanel</a></b>(&nbsp;<code>Object&nbsp;config</code>&nbsp;)
  16     <div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The config object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-getActiveView"></a><b><a href="source/CalendarPanel.html#method-Ext.calendar.CalendarPanel-getActiveView">getActiveView</a></b>()
  17     :
  18                                         Ext.calendar.CalendarView<div class="mdesc"><div class="short">Return the calendar view that is currently active, which will be a subclass of
  19 CalendarView.</div><div class="long">Return the calendar view that is currently active, which will be a subclass of
  20 <a href="output/Ext.calendar.CalendarView.html" ext:cls="Ext.calendar.CalendarView">CalendarView</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.calendar.CalendarView</code><div class="sub-desc">The active view</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-hideEditForm"></a><b><a href="source/CalendarPanel.html#method-Ext.calendar.CalendarPanel-hideEditForm">hideEditForm</a></b>()
  21     :
  22                                         Ext.calendar.CalendarPanel<div class="mdesc"><div class="short">Hides the built-in event edit form and returns to the previous calendar view. If the edit form is
  23 not currently visib...</div><div class="long">Hides the built-in event edit form and returns to the previous calendar view. If the edit form is
  24 not currently visible this method has no effect.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.calendar.CalendarPanel</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-setStartDate"></a><b><a href="source/CalendarPanel.html#method-Ext.calendar.CalendarPanel-setStartDate">setStartDate</a></b>(&nbsp;<code>Date&nbsp;dt</code>&nbsp;)
  25     :
  26                                         void<div class="mdesc"><div class="short">Sets the start date for the currently-active calendar view.</div><div class="long">Sets the start date for the currently-active calendar view.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>dt</code> : Date<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-showEditForm"></a><b><a href="source/CalendarPanel.html#method-Ext.calendar.CalendarPanel-showEditForm">showEditForm</a></b>(&nbsp;<code>Ext.calendar.EventRecord&nbsp;record</code>&nbsp;)
  27     :
  28                                         Ext.calendar.CalendarPanel<div class="mdesc"><div class="short">Shows the built-in event edit form for the passed in event record.  This method automatically
  29 hides the calendar view...</div><div class="long">Shows the built-in event edit form for the passed in event record.  This method automatically
  30 hides the calendar views and navigation toolbar.  To return to the calendar, call <a href="output/Ext.calendar.CalendarPanel.html#Ext.calendar.CalendarPanel-hideEditForm" ext:member="hideEditForm" ext:cls="Ext.calendar.CalendarPanel">hideEditForm</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>record</code> : Ext.calendar.EventRecord<div class="sub-desc">The event record to edit</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.calendar.CalendarPanel</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr></tbody></table><a id="Ext.calendar.CalendarPanel-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-datechange"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-datechange">datechange</a></b> :
  31                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Date&nbsp;startDate</code>,&nbsp;<code>Date&nbsp;viewStart</code>,&nbsp;<code>Date&nbsp;viewEnd</code>&nbsp;)
  32     <div class="mdesc"><div class="short">Fires after the start date of the view changes</div><div class="long">Fires after the start date of the view changes<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>startDate</code> : Date<div class="sub-desc">The start date of the view (as explained in <a href="output/Ext.calendar.CalendarPanel.html#Ext.calendar.CalendarPanel-getStartDate" ext:member="getStartDate" ext:cls="Ext.calendar.CalendarPanel">getStartDate</a></div></li><li><code>viewStart</code> : Date<div class="sub-desc">The first displayed date in the view</div></li><li><code>viewEnd</code> : Date<div class="sub-desc">The last displayed date in the view</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-dayclick"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-dayclick">dayclick</a></b> :
  33                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Date&nbsp;dt</code>,&nbsp;<code>Boolean&nbsp;allday</code>,&nbsp;<code>Ext.Element&nbsp;el</code>&nbsp;)
  34     <div class="mdesc"><div class="short">Fires after the user clicks within a day/week view container and not on an event element</div><div class="long">Fires after the user clicks within a day/week view container and not on an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>dt</code> : Date<div class="sub-desc">The date/time that was clicked on</div></li><li><code>allday</code> : Boolean<div class="sub-desc">True if the day clicked on represents an all-day box, else false.</div></li><li><code>el</code> : Ext.Element<div class="sub-desc">The Element that was clicked on</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventadd"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventadd">eventadd</a></b> :
  35                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>&nbsp;)
  36     <div class="mdesc"><div class="short">Fires after a new event is added to the underlying store</div><div class="long">Fires after a new event is added to the underlying store<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The new <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> that was added</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventcancel"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventcancel">eventcancel</a></b> :
  37                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>&nbsp;)
  38     <div class="mdesc"><div class="short">Fires after an event add/edit operation is canceled by the user and no store update took place</div><div class="long">Fires after an event add/edit operation is canceled by the user and no store update took place<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The new <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> that was canceled</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventclick"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventclick">eventclick</a></b> :
  39                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>,&nbsp;<code>HTMLNode&nbsp;el</code>&nbsp;)
  40     <div class="mdesc"><div class="short">Fires after the user clicks on an event element</div><div class="long">Fires after the user clicks on an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that was clicked on</div></li><li><code>el</code> : HTMLNode<div class="sub-desc">The DOM node that was clicked on</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventdelete"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventdelete">eventdelete</a></b> :
  41                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>&nbsp;)
  42     <div class="mdesc"><div class="short">Fires after an event is removed from the underlying store</div><div class="long">Fires after an event is removed from the underlying store<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The new <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> that was removed</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventmove"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventmove">eventmove</a></b> :
  43                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>&nbsp;)
  44     <div class="mdesc"><div class="short">Fires after an event element is dragged by the user and dropped in a new position</div><div class="long">Fires after an event element is dragged by the user and dropped in a new position<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that was moved with
  45 updated start and end dates</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventout"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventout">eventout</a></b> :
  46                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>,&nbsp;<code>HTMLNode&nbsp;el</code>&nbsp;)
  47     <div class="mdesc"><div class="short">Fires anytime the mouse exits an event element</div><div class="long">Fires anytime the mouse exits an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that the cursor exited</div></li><li><code>el</code> : HTMLNode<div class="sub-desc">The DOM node that was exited</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventover"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventover">eventover</a></b> :
  48                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>,&nbsp;<code>HTMLNode&nbsp;el</code>&nbsp;)
  49     <div class="mdesc"><div class="short">Fires anytime the mouse is over an event element</div><div class="long">Fires anytime the mouse is over an event element<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that the cursor is over</div></li><li><code>el</code> : HTMLNode<div class="sub-desc">The DOM node that is being moused over</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventresize"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventresize">eventresize</a></b> :
  50                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>&nbsp;)
  51     <div class="mdesc"><div class="short">Fires after the user drags the resize handle of an event to resize it</div><div class="long">Fires after the user drags the resize handle of an event to resize it<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> for the event that was resized
  52 containing the updated start and end dates</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventsrendered"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventsrendered">eventsrendered</a></b> :
  53                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>&nbsp;)
  54     <div class="mdesc"><div class="short">Fires after events are finished rendering in the view</div><div class="long">Fires after events are finished rendering in the view<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-eventupdate"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-eventupdate">eventupdate</a></b> :
  55                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.calendar.EventRecord&nbsp;rec</code>&nbsp;)
  56     <div class="mdesc"><div class="short">Fires after an existing event is updated</div><div class="long">Fires after an existing event is updated<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>rec</code> : Ext.calendar.EventRecord<div class="sub-desc">The new <a href="output/Ext.calendar.EventRecord.html" ext:cls="Ext.calendar.EventRecord">record</a> that was updated</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-initdrag"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-initdrag">initdrag</a></b> :
  57                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>&nbsp;)
  58     <div class="mdesc"><div class="short">Fires when a drag operation is initiated in the view</div><div class="long">Fires when a drag operation is initiated in the view<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-rangeselect"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-rangeselect">rangeselect</a></b> :
  59                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Object&nbsp;dates</code>,&nbsp;<code>Function&nbsp;callback</code>&nbsp;)
  60     <div class="mdesc"><div class="short">Fires after the user drags on the calendar to select a range of dates/times in which to create an event</div><div class="long">Fires after the user drags on the calendar to select a range of dates/times in which to create an event<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>dates</code> : Object<div class="sub-desc">An object containing the start (StartDate property) and end (EndDate property) dates selected</div></li><li><code>callback</code> : Function<div class="sub-desc">A callback function that MUST be called after the event handling is complete so that
  61 the view is properly cleaned up (shim elements are persisted in the view while the user is prompted to handle the
  62 range selection). The callback is already created in the proper scope, so it simply needs to be executed as a standard
  63 function call (e.g., callback()).</div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.calendar.CalendarPanel-viewchange"></a><b><a href="source/CalendarPanel.html#event-Ext.calendar.CalendarPanel-viewchange">viewchange</a></b> :
  64                                       (&nbsp;<code>Ext.calendar.CalendarPanel&nbsp;this</code>,&nbsp;<code>Ext.CalendarView&nbsp;view</code>,&nbsp;<code>Object&nbsp;info</code>&nbsp;)
  65     <div class="mdesc"><div class="short">Fires after a different calendar view is activated (but not when the event edit form is activated)</div><div class="long">Fires after a different calendar view is activated (but not when the event edit form is activated)<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.calendar.CalendarPanel<div class="sub-desc"></div></li><li><code>view</code> : Ext.CalendarView<div class="sub-desc">The view being activated (any valid <a href="output/Ext.calendar.CalendarView.html" ext:cls="Ext.calendar.CalendarView">CalendarView</a> subclass)</div></li><li><code>info</code> : Object<div class="sub-desc">Extra information about the newly activated view. This is a plain object
  66 with following properties:<div class="mdetail-params"><ul>
  67 <li><b><code>activeDate</code></b> : <div class="sub-desc">The currently-selected date</div></li>
  68 <li><b><code>viewStart</code></b> : <div class="sub-desc">The first date in the new view range</div></li>
  69 <li><b><code>viewEnd</code></b> : <div class="sub-desc">The last date in the new view range</div></li>
  70 </ul></div></div></li></ul></div></div></div></td><td class="msource">CalendarPanel</td></tr></tbody></table></div>