Back to Devexpress

GridContext Class

dashboard-js-devexpress-dot-dashboard-81f9fd1d.md

latest1.7 KB
Original Source

GridContext Class

Provides a connection between data item containers from the Columns section and an underlying control’s columns.

Declaration

ts
export class GridContext

Remarks

The following code snippet shows how to use GridContext to get a Grid item’s columns:

javascript
var Model = DevExpress.Dashboard.Model;

function onItemWidgetOptionsPrepared(args) {
    if(args.dashboardItem instanceof Model.GridItem) {
        var gridOptions = args.options;
        if(gridOptions.columns) {
            gridOptions.columns.forEach(function(columnOptions) {
                var dashboardColumn = args.gridContext.getDashboardItemColumn(columnOptions)
                if(dashboardColumn instanceof Model.GridDimensionColumn && dashboardColumn.dimension().dataMember() === "id") {
                    columnOptions.alignment = 'center';
                }
            })
        }
    }
}

constructor(_dashboardItem)

Initializes a new instance of the GridContext class with specified settings.

Declaration

ts
constructor(
    _dashboardItem: DevExpress.Dashboard.Model.GridItem
)

Parameters

NameType
_dashboardItemGridItem

Methods

getDashboardItemColumn(columnOptions) Method

Declaration

ts
getDashboardItemColumn(
    columnOptions: DevExpress.ui.dxDataGrid.ColumnBase
): DevExpress.Dashboard.Model.GridColumn

Parameters

NameType
columnOptionsColumnBase

Returns

Type
GridColumn