Example of Value Template in Blazor Query Builder Component

Query Builder / Templates / Value Template

This sample demonstrates the Value Template functionality in the QueryBuilder component using Slider, DropDownList, and Checkbox components. In this sample, the user can select the Value using DropDownList, Checkbox, and Slider components for CustomerID, Verified, and Salary columns respectively.

This sample illustrates how to integrate ValueTemplate to the columns in the QueryBuilder. This is used for creating a custom user interface for the columns with custom components and updating the rule collection by using the component events. This can be specified by using the ValueTemplate directive of the QueryBuilderColumn directive. Inside the Template, you can access the data using the implicit named parameter Context.

More information about the Blazor QueryBuilder Template can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE