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

public abstract class BootstrapGridViewBuilderBase<T> :
        BootstrapControlBuilder<T>,
        IHtmlContent,
        IBootstrapGridViewEx,
        IBootstrapGridView,
        IBootstrapGrid,
        IBootstrapControl
    where T : BootstrapGridViewBuilderBase<T>
Public MustInherit Class BootstrapGridViewBuilderBase(Of T As BootstrapGridViewBuilderBase(Of T))
    Inherits BootstrapControlBuilder(Of T)
    Implements IHtmlContent,
               IBootstrapGridViewEx,
               IBootstrapGridView,
               IBootstrapGrid,
               IBootstrapControl

Type Parameters

Name Description
T

A reference to this instance after the operation is completed.

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))

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.

See Also