Query Builder / Complex DataBinding

Blazor Query Builder - Complex Data Binding

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the Complex Databinding capabilities of the Query Builder component, enabling users to construct expressive queries directly from structured, hierarchical data sources. In Complex Databinding mode the Query Builder exposes nested fields and collections as selectable operands, allowing rule definitions that reflect the original data shape without manual flattening.

Users browse a predefined hierarchical list and select items at any level (parent or child) to build conditions that mirror multi‑level relationships. This pattern is ideal for domains such as category → sub‑category → product, organizational structures, or any nested taxonomy where preserving context is important for accurate filtering.

Key behaviors and benefits include:

  • Direct binding to nested objects and collections while preserving source structure.
  • Selectable hierarchical operands that support intuitive drill‑down selection when composing rules.
  • Automatic mapping of user selections to Query Builder rules so generated predicates retain structural context.

Implementers should bind the Query Builder to their hierarchical model and configure the component’s field definitions to surface nested properties as operands. The component’s template and event hooks allow customization of item rendering, selection behavior, and how rules are generated or serialized for back‑end processing.

For implementation guidance, examples, and API details, see the official documentation.