BootstrapGridViewBuilderBase<T> Class

Serves as the base class that implements the main functionality of Grid View.

Namespace: DevExpress.AspNetCore.Bootstrap

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

Declaration

C#
VB.NET

public abstract class BootstrapGridViewBuilderBase<T> :
    BootstrapControlBuilder<T>,
    IBootstrapGridViewEx,
    IBootstrapGridView,
    IBootstrapGrid,
    IBootstrapControl
    where T : BootstrapGridViewBuilderBase<T>

Public MustInherit Class BootstrapGridViewBuilderBase(Of T As BootstrapGridViewBuilderBase(Of T))
    Inherits BootstrapControlBuilder(Of T)
    Implements IBootstrapGridViewEx,
               IBootstrapGridView,
               IBootstrapGrid,
               IBootstrapControl

Type Parameters

Name	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 Grid View is a data-bound control that provides a two-dimensional representation of data from a data source in grid format. Data source fields and records are presented as columns and rows in a table.

NetCoreGridView

Columns

The Grid View control stores its columns in the Columns collection. Use the Add method (available through the Columns object) to add a column to a Grid View’s column collection.

@model IEnumerable

@(Html.DevExpress()
    .BootstrapGridView<SalesProduct>("grid")
    .KeyFieldName(m => m.ProductID)
    .Columns(columns => {
        columns.Add(m => m.ProductName);
        columns.Add(m => m.UnitPrice);
        columns.Add(m => m.UnitsOnOrder);
        columns.AddTextColumn()
            .FieldName("Total")
            .UnboundType(UnboundColumnType.Decimal)
            .UnboundExpression("UnitsOnOrder * UnitPrice")
            .PropertiesTextEdit(properties => properties
                .DisplayFormatString("c"));
    })
    .Routes(routes => routes
        .MapRoute(r => r
            .Action("Binding")
            .Controller("GridView")))
    .Bind(Model))

using System;
using DevExpress.AspNetCore.DemoModels;
using Microsoft.AspNetCore.Mvc;

namespace DevExpress.AspNetCore.Demos {
    public class GridViewController : Controller {
        public GridViewController(BindingContext bindingContext){
            BindingContext = bindingContext;
        }

        BindingContext BindingContext { get; }

        public IActionResult Binding() {
            return PartialView("DataBinding/Binding", BindingContext.Products);
        }
    }
}

using Microsoft.EntityFrameworkCore;

namespace DevExpress.AspNetCore.DemoModels {
    public class BindingContext : DbContext {
        public BindingContext(DbContextOptions<BindingContext> options)
            :base(options) {
        }

        public DbSet<SalesProduct> Products { get; set; }
    }

    public class SalesProduct {
        public int ProductID { get; set; }
        public string ProductName { get; set; }
        public short? UnitsOnOrder { get; set; }
        public decimal? UnitPrice { get; set; }
    }
}

Client-Side API

The BootstrapGridView control provides you with comprehensive client-side functionality implemented using JavaScript code.

The control’s client-side equivalent is represented by the BootstrapGridView object.
On the client side, the client object can be accessed directly by the name specified via the Name property.
The available client events can be accessed by using the ClientSideEvents property.

The client-side API is always available for this control.

Online Demos

The Grid View control documentation also includes online demos demonstrating the basic control functionality. Follow the ASP.NET Core Grid View Demos link to refer to online demos.