Smart Client Paging

Snappy performance and a sleek user interface are rarely paired with large data sets. WebScheduler elegantly scales with its sophisticated client paging feature to significantly improve overall application response time. The innovative client paging feature even works in Day, Week, Month, Timeline, and Split views.

Live Demo
Smart Client Paging

Client paging in day, week, and split view

The scheduler area is divided into two: all-day area and hour area. The all-day area is located on the top, holding all all-day type events. All time-based events are rendered in the larger hour area. With one property set, client paging is automatically enabled – taking control of event rendering in both areas.

Further customize the paging behaviour with the provided properties. Control the total rendered rows for the all day area and the total number of event block in the hour area. Users are treated with an elegant visual paging indicator. A simple click will show all invisible events in the all-day area and a detail box in the hour area.

Client Paging in Day, Week, and Split view

Client paging in timeline view

To accommodate the most common business needs, WebScheduler offers three paging modes designed especially for Timeline view. The EventPageSize paging mode limits the number of events displayed in each Timeline cell based on the EventPageSize property. A clickable visual hint will indicate whether there are any invisible events. The ViewPort™ paging mode renders all events based on the visible viewport. This advanced paging mode intelligently detects the screen’s real estate and display the events as users scroll down the page. Lastly, Both paging mode that combines the EventPageSize and ViewPort concepts for a more efficient paging mechanism.

Client Paging in Timeline view

Client paging and data editing

When a new event is added, WebScheduler automatically detects the event duration. If the duration is longer than all events displayed in the event block, the new event will be added to the event block. An existing event with the shortest duration in the event block will be shifted inside the detail box. If the newly added event’s duration is the shortest among all events displayed in the event block, the newly added event will be shifted inside the detail box.

When an event is deleted from the event block, only the event block is re-rendered. During the re-rendering process, WebScheduler will detect the total number of events. If it is smaller than the maximum events set through the EventPageSize/EventBlockSize property, the paging indicator is removed.

Client Paging and Data Editing

Client paging in detail box

When client paging is enabled in Day, Week, and Split view, a detail box displays when a user clicks on a paging indicator in the top right corner of an event block. WebScheduler flexibly allows developers to control the paging inside the detail box according the value set in DetailBoxPageSize property.

Detail Box Paging
Previous Next