BootstrapCardViewBuilderBase<T>.BindToLINQ(IQueryable) Method

Binds the Card View to a queryable data source in server mode.

Namespace: DevExpress.AspNetCore.Bootstrap

Assembly: DevExpress.AspNetCore.Bootstrap.v18.2.dll

Declaration

C#

public T BindToLINQ(
    IQueryable query
)

VB.NET

Public Function BindToLINQ(
    query As IQueryable
) As T

Parameters

Name	Type	Description
query	IQueryable	An IQueryable object that specifies the query request to the data service.

Returns

Type	Description
T	A reference to this instance after the operation is completed.

Remarks

IMPORTANT

Bootstrap Controls for ASP.NET Core are in maintenance mode. We don’t add new controls or develop new functionality for this product line. Our recommendation is to use the ASP.NET Core Controls suite.

The Card View control supports data binding in server mode, which is designed to work with large datasets. This technique significantly improves the Card View’s speed and responsiveness.

The BindToLINQ method is used to establish server-mode data binding using the Entity Framework (EF) Core ORM. The following code demonstrates the described functionality in detail.

View

@model IQueryable<Email>

@(Html.DevExpress()
    .BootstrapCardView<Email>("cardViewWithLargeDatabase")
    .KeyFieldName(k => k.ID)
    .Columns(columns => {
        columns.Add(c => c.From);
        columns.Add(c => c.Subject);
    })
    .Routes(routes => routes
        .MapRoute(r => r
            .Action("BindingToEFCorePartial")
            .Controller("CardView")))
    .BindToLINQ(Model))

Controller

using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.DependencyInjection;

namespace DevExpress.AspNetCore.Demos {
    public partial class CardViewController : Controller {
        protected LargeDatabaseContext LargeDatabaseContext => HttpContext.RequestServices.GetService<LargeDatabaseContext>();
        public IActionResult BindingToEFCore() {
            return PartialView("DataBinding/BindingToEFCore", LargeDatabaseContext.Emails);
        }
        public IActionResult BindingToEFCorePartial() {
            return PartialView("DataBinding/BindingToEFCorePartial", LargeDatabaseContext.Emails);
        }
    }
}

LargeDatabaseContext

using System;
using System.ComponentModel.DataAnnotations;
using Microsoft.EntityFrameworkCore;

namespace DevExpress.AspNetCore.Demos {
    public class LargeDatabaseContext : DbContext {
        public LargeDatabaseContext(DbContextOptions<LargeDatabaseContext> options)
            : base(options) {
        }
        public DbSet<Email> Emails { get; set; }
    }

    public class Email {
        [Key]
        public int ID { get; set; }
        [Required, MaxLength(100)]
        public string Subject { get; set; }
        [Required, MaxLength(32)]
        public string From { get; set; }
    }
}

See also the Binding to Large Database using EF Core online demo.