Blazor Scheduler Example - Resource Filtering
Name
Department
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
This demo showcases 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 efficient management of large-scale scheduling 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 search functionality to filter appointments by subject.
- Sorting Capability: Allows sorting 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 text boxes using CSS, enhancing the user interface.