Skip to content

Commit 892ffaa

Browse files
author
Çağatay Çivici
committed
Docs for lazy loading schedule
1 parent 4bed540 commit 892ffaa

File tree

1 file changed

+20
-1
lines changed

1 file changed

+20
-1
lines changed

showcase/demo/schedule/scheduledemo.html

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,25 @@ <h3>Getting Started</h3>
124124
</code>
125125
</pre>
126126

127+
<h3>Lazy Loading</h3>
128+
<p>onViewRender call is used to implement lazy loading which is triggered when a new date-range is rendered or when the view type changes.</p>
129+
<pre>
130+
<code class="language-markup" pCode>
131+
&lt;p-schedule [events]="events" (onViewRender)="loadEvents($event)"&gt;&lt;/p-schedule&gt;
132+
</code>
133+
</pre>
134+
135+
<pre>
136+
<code class="language-typescript" pCode>
137+
loadEvents(event) &#123;
138+
let start = event.view.start
139+
let end = event.view.end
140+
this.events = this.eventService.getEvents().then(events => &#123;this.events = events;&#125;);
141+
&#125;
142+
</code>
143+
</pre>
144+
145+
127146
<h3>Event API</h3>
128147
<p>Event object has various properties to define an event, refer to <a href="http://fullcalendar.io/docs/event_data/Event_Object/">official documentation</a> for the whole list.</p>
129148

@@ -440,7 +459,7 @@ <h3>Events</h3>
440459
<td><a href="http://fullcalendar.io/docs/event_ui/eventResize/">Read more</a></td>
441460
</tr>
442461
<tr>
443-
<td>viewRender</td>
462+
<td>onViewRender</td>
444463
<td><a href="http://fullcalendar.io/docs/display/viewRender/">Read more</a></td>
445464
</tr>
446465
<tr>

0 commit comments

Comments
 (0)