LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


IntegralUIGrid

Represents the Grid component for Angular 2. Displays tabular data sets.

Properties


  • allowDrag
  • Gets or sets a value indicating whether rows from Grid can be dragged
  • allowDrop
  • Gets or sets a value indicating whether the Grid can accept data during drag&drop
  • allowFilter
  • Gets or sets a value indicating whether filter is active
  • allowFocus
  • Gets or sets a value indicating whether keyboard focus is allowed
  • appRef
  • Holds a reference to the root application component
  • columns
  • Gets the collection of column objects that are assigned to the Grid
  • controlStyle
  • Specifies an object that holds a style which determines the appearance of all parts of the Grid
  • dataFields
  • Specifies data fields that match the data in local data source
  • gridLines
  • Determines whether horizontal and/or vertical lines are shown within the Grid
  • focusedCell
  • Gets or sets the cell that has the input focus
  • name
  • Uniquely identifies the component
  • rowHeight
  • Specifies the height of grid rows, in pixels
  • rowIcon
  • A HTML element which represents a default icon shown for all rows that don't have an icon
  • rows
  • Gets the collection of rows that are assigned to the Grid
  • selectedColumn
  • Gets or sets the currently selected column
  • selectedRow
  • Gets or sets the currently selected row
  • selectionMode
  • Gets or sets the method by which rows are selected in the Grid
  • showFooter
  • Determines whether footer is visible or not
  • showHeader
  • Determines whether header is visible or not
  • sorting
  • Gets or sets the order by which rows are sorted
  • state
  • Provides information about the current state of the component

Events


  • afterSelect
  • Occurs after row is selected
  • beforeSelect
  • Occurs before row is selected
  • change
  • Occurs when data has changed during filtering or sorting
  • columnAdded
  • Occurs after column is added to the collection
  • columnAdding
  • Occurs before column is added to the collection
  • columnClick
  • Occurs when column is clicked
  • columnRemoved
  • Occurs after column is removed from the collection
  • columnRemoving
  • Occurs before column is removed from the collection
  • columnsCleared
  • Occurs when all columns are removed
  • columnSizechanged
  • Occurs when column changes its size
  • dragDrop
  • Occurs when a drag-and-drop operation is completed
  • dragOver
  • Occurs when an object is dragged over the component's bounds
  • loadComplete
  • Occurs when data loading process is completed
  • keyDown
  • Occurs when key is hold down while the cell has focus
  • keyPress
  • Occurs when key is pressed while the cell has focus
  • keyUp
  • Occurs when key is released while the cell has focus
  • rowAdded
  • Occurs after row is added to the collection
  • rowAdding
  • Occurs before row is added to the collection
  • rowClick
  • Occurs when row is clicked
  • rowDblClick
  • Occurs when row is double clicked
  • rowRemoved
  • Occurs after row is removed from the collection
  • rowRemoving
  • Occurs before row is removed from the collection
  • rowsCleared
  • Occurs when all rows are removed
  • scrollPosChanged
  • Occurs when position of scrollbar has changed
  • selectionChanged
  • Occurs whenever selection changes from one row to another
  • updateComplete
  • Occurs when updating of control layout is completed

Methods