1+ @page " /"
2+ @using Syncfusion .Blazor .QueryBuilder
3+
4+ <SfQueryBuilder DataSource =" @EmployeeData" >
5+ <QueryBuilderRule Condition =" or" Rules =" @Rules" ></QueryBuilderRule >
6+ <QueryBuilderColumns >
7+ <QueryBuilderColumn Field =" EmployeeID" Label =" Employee ID" Type =" ColumnType.Number" ></QueryBuilderColumn >
8+ <QueryBuilderColumn Field =" FirstName" Label =" First Name" Type =" ColumnType.String" ></QueryBuilderColumn >
9+ <QueryBuilderColumn Field =" HireDate" Label =" Hire Date" Type =" ColumnType.Date" ></QueryBuilderColumn >
10+ <QueryBuilderColumn Field =" Country" Label =" Country" Type =" ColumnType.String" ></QueryBuilderColumn >
11+ </QueryBuilderColumns >
12+ </SfQueryBuilder >
13+
14+ @code {
15+ // Rules binding
16+ List <RuleModel > Rules = new List <RuleModel >()
17+ {
18+ new RuleModel { Field = " Country" , Label = " Country" , Type = " String" , Operator = " equal" , Value = " England" },
19+ new RuleModel { Field = " EmployeeID" , Label = " EmployeeID" , Type = " Number" , Operator = " notequal" , Value = 1001 }
20+ };
21+
22+ // List Datas
23+ public List <EmployeeDetails > EmployeeData = new List <EmployeeDetails >
24+ {
25+ new EmployeeDetails { FirstName = " Martin" , EmployeeID = 1001 , Country = " England" , City = " Manchester" , HireDate = new DateTime (2014 , 4 , 23 ) },
26+ new EmployeeDetails { FirstName = " Benjamin" , EmployeeID = 1002 , Country = " England" , City = " Birmingham" , HireDate = new DateTime (2014 , 6 , 19 ) },
27+ new EmployeeDetails { FirstName = " Stuart" , EmployeeID = 1003 , Country = " England" , City = " London" , HireDate = new DateTime (2014 , 7 , 4 ) },
28+ new EmployeeDetails { FirstName = " Ben" , EmployeeID = 1004 , Country = " USA" , City = " California" , HireDate = new DateTime (2014 , 8 , 15 ) },
29+ new EmployeeDetails { FirstName = " Joseph" , EmployeeID = 1005 , Country = " Spain" , City = " Madrid" , HireDate = new DateTime (2014 , 8 , 29 ) }
30+ };
31+
32+ public class EmployeeDetails
33+ {
34+ public string FirstName { get ; set ; }
35+ public int EmployeeID { get ; set ; }
36+ public string Country { get ; set ; }
37+ public string City { get ; set ; }
38+ public DateTime HireDate { get ; set ; }
39+ }
40+ }
0 commit comments