QueryBuilderHtmlContentBuilder.Bind(QueryBuilderModel) Method

Passes the specified model to the Web Query Builder.

Namespace: DevExpress.AspNetCore.Reporting.QueryBuilder

Assembly: DevExpress.AspNetCore.Reporting.v24.1.dll

NuGet Package: DevExpress.AspNetCore.Reporting

Declaration

C#

public QueryBuilderHtmlContentBuilder Bind(
    QueryBuilderModel model
)

VB.NET

Public Function Bind(
    model As QueryBuilderModel
) As QueryBuilderHtmlContentBuilder

Parameters

Name	Type	Description
model	QueryBuilderModel	The model to be passed to the Query Builder.

Returns

Type	Description
QueryBuilderHtmlContentBuilder	A QueryBuilderHtmlContentBuilder instance for use in method chaining.

Remarks

Use the IQueryBuilderClientSideModelGenerator.GetModel method to create a model in the controller and pass it to the Bind method:

Index.cshtml

@model DevExpress.XtraReports.Web.QueryBuilder.QueryBuilderModel
// ...
@(Html.DevExpress()
    .QueryBuilder("webQueryBuilder")
    .Height("400px")
    .Bind(Model))

HomeController.cs

using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using DevExpress.XtraReports.Web.QueryBuilder.Services;
using DevExpress.DataAccess.Web.QueryBuilder;
// ...
public IActionResult Index(
        [FromServices] IQueryBuilderClientSideModelGenerator queryBuilderClientSideModelGenerator)
{
    var newDataConnectionName = "NWindConnection";
    var queryBuilderModel = queryBuilderClientSideModelGenerator.GetModel(newDataConnectionName);
    return View(queryBuilderModel);
}

The complete sample project is available in the following DevExpress Examples repository on GitHub:

View Example: How to Use the Query Builder Control in an ASP.NET Core Application