-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
SEO-136418-Blazor-Query-Builder-GitHub
- Loading branch information
1 parent
95df9c4
commit de2b7d2
Showing
1 changed file
with
42 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,6 @@ | ||
# Create a Query Builder UI Component in a Blazor Server Application | ||
|
||
This is a quick-start project provided by Syncfusion to help you create a Blazor Query Builder. This example explains how to create a Blazor application and add the Syncfusion Blazor package. It shows how to add the Syncfusion Blazor Query Builder component to a Blazor server application, columns to the Query builder, and filter the data by adding conditions to it. It also shows how to get the rules from the Query Builder. | ||
This is a quick-start project provided by Syncfusion to help you create a [Blazor Query Builder](https://www.syncfusion.com/blazor-components/blazor-query-builder?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples). This example explains how to create a Blazor application and add the Syncfusion Blazor package. It shows how to add the Syncfusion Blazor Query Builder component to a Blazor server application, columns to the Query builder, and filter the data by adding conditions to it. It also shows how to get the rules from the Query Builder. | ||
|
||
Watch a How-to Video:https://www.syncfusion.com/tutorial-videos/blazor/query-builder-ui?title=create-a-query-builder-ui-component-in-a-blazor-server | ||
|
||
|
@@ -20,3 +20,44 @@ To run this application, you need to first clone or download the ‘create a que | |
|
||
For more help, check the [ASP.NET Core Blazor documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor). | ||
|
||
## Features and Benefits | ||
|
||
### Model binding | ||
Model binding binds properties for the components used in field, operator, and value columns. To implement model binding, assign fieldModel, operatorModel, and valueModel properties in the QueryBuilder. | ||
|
||
### Import and export | ||
Supports [importing and exporting](https://blazor.syncfusion.com/documentation/query-builder/import-export?utm_medium=listing&utm_source=github-examples&utm_campaign=blazor-query-builder-github-examples) Query Builder filter to and from structured JSON and SQL formats. | ||
|
||
### Filtering | ||
Users can create a [filter](https://blazor.syncfusion.com/documentation/query-builder/filtering?utm_medium=listing&utm_source=github-examples&utm_campaign=blazor-query-builder-github-examples) by adding or deleting conditions or groups. Users can get a created filter as SQL query, JSON, and data manager predicates. | ||
|
||
### Adapts to any resolution | ||
Query Builder has a highly responsive layout and an optimized design for desktops, touchscreens, and smart phones. It works well on all mobile phones that use iOS, Android, or Windows OS. | ||
|
||
|
||
## Not sure how to create your first Blazor Query Builder? Our documentation can help. | ||
* [Getting Started with Blazor Server-Side Query Builder](https://blazor.syncfusion.com/documentation/query-builder/getting-started?utm_medium=listing&utm_source=github-examples&utm_campaign=blazor-query-builder-github-examples) | ||
|
||
## Related links | ||
[Learn More about Blazor Query Builder](https://www.syncfusion.com/blazor-components/blazor-query-builder?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) <br/><br/> | ||
[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) <br/><br/> | ||
[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) <br/><br/> | ||
[Documentation](https://blazor.syncfusion.com/documentation/query-builder/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) <br/><br/> | ||
[Online Examples](https://blazor.syncfusion.com/demos/query-builder/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) <br/><br/> | ||
[Community Forums](https://www.syncfusion.com/forums/blazor-components?control=querybuilder?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) <br/><br/> | ||
[Suggest a feature](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) | ||
|
||
## About Syncfusion Blazor Components | ||
Syncfusion's [Blazor components](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Query Builder, we provide popular Blazor components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples). | ||
|
||
## About Syncfusion | ||
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. | ||
|
||
Today, we provide 1800+ controls and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples),[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) and [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software. | ||
|
||
<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" /> | ||
|
||
<p align="center"> | ||
<a href="mailto:[email protected]?Subject=Syncfusion Blazor Query Builder - Github" target="_top">[email protected]</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples">www.syncfusion.com</a> | 1-888-9 DOTNET <br> | ||
</p> |