Skip to content

SEO-136418 Blazor Query Builder GitHub #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 42 additions & 1 deletion README.md
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

Expand All @@ -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_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) 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_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples) 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_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples)

## 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/teamlicense?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 80 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), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-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), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-query-builder-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-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:sales@syncfusion.com?Subject=Syncfusion Blazor Query Builder - Github" target="_top">sales@syncfusion.com</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>