Blazor Scheduler Example - Resource Filtering
This demo showcases on how to efficiently manage and filter multiple staff members across different departments using a timeline view scheduler. This sample includes advanced filtering and sorting capabilities, allowing for efficient management of large-scale scheduling in a healthcare environment.
Name
Department
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
This demo showcases an advanced resource filtering system for a timeline view scheduler, designed to efficiently manage and filter multiple staff members across different departments in a healthcare environment.
Key features and components:
- Syncfusion Scheduler (SfSchedule): Displays appointments in a timeline month view, grouped by staff resources.
- Resource Grouping: Utilizes the
ScheduleGroupproperty to group the timeline by staff members. - Custom Resource Header: Implements a
ResourceHeaderTemplateto display staff names and departments in a column format. - Dynamic Filtering: Uses
SfTextBoxcomponents with search icons for filtering staff by name and department. - Appointment Search: Provides a search functionality to filter appointments by subject.
- Sorting Capability: Allows sorting of staff members by name or department in ascending or descending order.
Implementation details:
- The scheduler is configured with a timeline month view and grouped by staff resources.
- A custom header template (
HeaderIndentTemplate) is used to create the filtering and sorting interface. - Staff filtering is implemented using two
SfTextBoxcomponents for name and department searches. - Appointment filtering is achieved through a separate
SfTextBoxcomponent at the top of the scheduler. - Sorting functionality is added using clickable icons in the custom header.
- Search icons are added to the text boxes using CSS, enhancing the user interface.