DataViews
Interops
Angular
Version 1
Angular Class DataViewComponent GrapeCity DataViewsJS Class

DataViewComponent Class

Angular component for DataView control

See examples:

Heirarchy

  • DataViewComponent

Constructors

Properties

Constructors

constructor

  • Initializes new instance of DataViewComponent

    Parameters

    • container: ElementRef<HTMLElement>

      a reference to host container

    Returns DataViewComponent

Properties

Optional autoFocus

autoFocus: boolean

Auto focus DOM container on mount.

beforeLoadRange

beforeLoadRange: EventEmitter<IBeforeLoadRangeEventArgs> = new GridEvent('beforeLoadRange', this)

This event occurs before loading next data range.

columnChanged

columnChanged: EventEmitter<IColumnChangedEventArgs> = new GridEvent('columnChanged', this)

This event occurs when the user changes the column visibility, pinned option, or column width, or expands or collapses the column group from UI

columnReorder

columnReorder: EventEmitter<IColumnReorderEventArgs> = new GridEvent('columnReorder', this)

This event occurs when the user starts dragging the column and before dropping the column in the column header

container

container: ElementRef<HTMLElement>

A reference to parent container

created

created: EventEmitter<IGrid> = new EventEmitter<IGrid>()

This event occurs on each creation of underlying DataView component.

dataView

dataView: IGrid

An instance of DataView component

editing

editing: EventEmitter<IEditingEventArgs> = new GridEvent('editing', this)

This event occurs before editing, once editing has started, before editing has ended, or editing has stopped

focusChanged

focusChanged: EventEmitter<IFocusChangedEventArgs> = new GridEvent('focusChanged', this)

This event occurs when the focused row is changed. The event fires on GridLayout or HorizontalLayout

grouping

grouping: EventEmitter<IGroupingEventArgs> = new GridEvent('grouping', this)

This event occurs when the user updates groups with UI actions. The event is fired before the actual update happens

rowClick

rowClick: EventEmitter<IRowClickEventArgs> = new GridEvent('rowClick', this)

This event occurs when clicking the row

rowDbClick

rowDbClick: EventEmitter<IRowClickEventArgs> = new GridEvent('rowDbClick', this)

This event occurs when double-clicking the row

rowReorder

rowReorder: EventEmitter<IRowReorderEventArgs> = new GridEvent('rowReorder', this)

This event occurs when the user starts dragging the row and before inserting the row at new position

selectionChanged

selectionChanged: EventEmitter<ISelectionChangedEventArgs> = new GridEvent('selectionChanged', this)

This event occurs when the user changes the selection using UI actions.