Scheduler / Product Use Case / Resource Filtering

Blazor Scheduler Example - Resource Filtering

Loading Syncfusion Blazor Server Demos…

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 ScheduleGroup property to group the timeline by staff members.
  • Custom Resource Header: Implements a ResourceHeaderTemplate to display staff names and departments in a column format.
  • Dynamic Filtering: Uses SfTextBox components 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:

  1. The scheduler is configured with a timeline month view and grouped by staff resources.
  2. A custom header template (HeaderIndentTemplate) is used to create the filtering and sorting interface.
  3. Staff filtering is implemented using two SfTextBox components for name and department searches.
  4. Appointment filtering is achieved through a separate SfTextBox component at the top of the scheduler.
  5. Sorting functionality is added using clickable icons in the custom header.
  6. Search icons are added to text boxes using CSS, enhancing the user interface.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE