BlazorX
About

BlazorXAutoComplete component Demo

Phase 1: Core Implementation

Demo 1: Simple String List (Client-Side Filtering)

Features:
  • Client-side filtering
  • Case-insensitive search
  • Clear button enabled
  • Result count display
  • Keyboard navigation

Demo 2: Complex Objects (Using PropertyName)

Features:
  • Complex object binding
  • PropertyName for display
  • Min search length (2 chars)
  • 300ms debounce
  • Two-way binding

Demo 3: Custom Display (Using ToStringFunc)

Features:
  • Custom display function
  • Formatted text with price
  • Flexible display logic

Demo 4: Server-Side Filtering (Simulated)

Features:
  • Server-side filtering
  • Async search function
  • 500ms debounce
  • Loading indicator
  • Simulated API delay

Demo 5: Hybrid Filtering Mode

Features:
  • Hybrid filtering mode
  • Switches based on threshold
  • Optimized performance
  • Intelligent caching

Demo 6: Form Validation (Phase 2)

Category is required for form submission
Category is required for form submission
Product must be selected
Product must be selected
You can enter custom values
You can enter custom values
Form Validation Features:
  • DataAnnotations integration
  • Real-time validation
  • Visual validation states
  • Helper text support
  • Modified/pristine tracking
  • Custom error messages