5.20193.637
Row Wijmo API Class

Row Class

Represents a row in the grid.

Heirarchy

Constructors

constructor

  • new Row(dataItem?: any): Row
  • Initializes a new instance of the Row class.

    Parameters

    • Optional dataItem: any

      The data item that this row is bound to.

    Returns Row

Properties

align

align: string

Gets or sets the horizontal alignment of cells in the column or row.

The default value for this property is null, which causes the grid to select the alignment automatically based on the column's dataType (numbers are right-aligned, Boolean values are centered, and other types are left-aligned).

If you want to override the default alignment, set this property to 'left', 'right', 'center', or 'justify'.

allowDragging

allowDragging: boolean

Gets or sets a value that indicates whether the user can move the column or row to a new position with the mouse.

The default value for this property is true.

allowMerging

allowMerging: boolean

Gets or sets a value that indicates whether cells in the column or row can be merged.

The default value for this property is false.

allowResizing

allowResizing: boolean

Gets or sets a value that indicates whether the user can resize the column or row with the mouse.

The default value for this property is true.

binding

binding: string

Gets or sets the name of the property the column is bound to.

collectionView

collectionView: ICollectionView

Gets the ICollectionView bound to this column or row.

cssClass

cssClass: string

Gets or sets a CSS class name to use when rendering data (non-header) cells in the column or row.

cssClassAll

cssClassAll: string

Gets or sets a CSS class name to use when rendering all cells (data and headers) in the column or row.

dataItem

dataItem: any

Gets or sets the item in the data collection that the item is bound to.

dataMap

dataMap: DataMap

Gets or sets the DataMap used to convert raw values into display values for the column or row.

Columns with an associated dataMap show drop-down buttons that can be used for quick editing. If you do not want to show the drop-down buttons, set the column's showDropDown property to false.

Cell drop-downs require the wijmo.input module to be loaded.

dataType

dataType: DataType

Gets or sets the type of value stored in the column or row.

Values are coerced into the proper type when editing the grid.

dropDownCssClass

dropDownCssClass: string

Gets or sets a CSS class name to add to drop-downs in this column or row.

The drop-down buttons are shown only if the column has a dataMap set and is editable. Clicking on the drop-down buttons causes the grid to show a list where users can select the value for the cell.

Cell drop-downs require the wijmo.input module to be loaded.

format

format: string

Gets or sets the format string used to convert raw values into display values for the column or row (see Globalize).

grid

grid: FlexGrid

Gets the FlexGrid that owns this column or row.

height

height: number

Gets or sets the height of the row. Setting this property to null or negative values causes the element to use the parent collection's default size.

index

index: number

Gets the index of the column or row in the parent collection.

inputType

inputType: string

Gets or sets the "type" attribute of the HTML input element used to edit values in this column or row.

By default, this property is set to "tel" for numeric columns, and to "text" for all other non-boolean column types. The "tel" input type causes mobile devices to show a numeric keyboard that includes a negative sign and a decimal separator.

Use this property to change the default setting if the default does not work well for the current culture, device, or application. In these cases, try setting the property to "number" or simply "text."

isContentHtml

isContentHtml: boolean

Gets or sets a value that indicates whether cells in this column or row contain HTML content rather than plain text.

This property only applies to regular cells. Row and column header cells contain plain text by default. If you want to display HTML in column or row headers, you must use the FlexGrid.formatItem event and set the cell's innerHTML content in code.

The default value for this property is false.

isReadOnly

isReadOnly: boolean

Gets or sets a value that indicates whether cells in the column or row can be edited.

The default value for this property is true.

isRequired

isRequired: boolean

Gets or sets a value that determines whether values in this column or row are required.

By default, this property is set to null, which means values are required, but non-masked string columns may contain empty strings.

When set to true, values are required and empty strings are not allowed.

When set to false, null values and empty strings are allowed.

isSelected

isSelected: boolean

Gets or sets a value that indicates whether the column or row is selected.

isVisible

isVisible: boolean

Gets a value that indicates whether the column or row is visible and not collapsed.

This property is read-only. To change the visibility of a column or row, use the visible property instead.

mask

mask: string

Gets or sets a mask to use while editing values in this column or row.

The mask format is the same used by the wijmo.input.InputMask control.

If specified, the mask must be compatible with the value of the format property. For example, the mask '99/99/9999' can be used for entering dates formatted as 'MM/dd/yyyy'.

maxLength

maxLength: number

Gets or sets the maximum number of characters that the can be entered into cells in this column or row.

This property is set to null by default, which allows entries with any number of characters.

multiLine

multiLine: boolean

Gets or sets a value that indicates whether the content of cells in this column or row should wrap at new line characters (\n).

The default value for this property is false.

pos

pos: number

Gets the position of the column or row in pixels.

renderHeight

renderHeight: number

Gets the render height of the row.

The value returned takes into account the row's visibility, default size, and min and max sizes.

renderSize

renderSize: number

Gets the render size of the column or row.

This property accounts for visibility, default size, and min and max sizes.

showDropDown

showDropDown: boolean

Gets or sets a value that indicates whether the grid adds drop-down buttons to the cells in this column or row.

The drop-down buttons are shown only if the column has a dataMap set and is editable. Clicking on the drop-down buttons causes the grid to show a list where users can select the value for the cell.

Cell drop-downs require the wijmo.input module to be loaded.

The default value for this property is true.

size

size: number

Gets or sets the size of the column or row.

Setting this property to null or negative values causes the element to use the parent collection's default size.

sortMemberPath

sortMemberPath: string

Gets or sets the name of the property to use when sorting this column.

Use this property in cases where you want the sorting to be performed based on values other than the ones specified by the binding property.

Setting this property is null causes the grid to use the value of the binding property to sort the column.

visible

visible: boolean

Gets or sets a value that indicates whether the column or row is visible.

visibleIndex

visibleIndex: number

Gets the index of the column or row in the parent collection ignoring invisible elements (isVisible).

wordWrap

wordWrap: boolean

Gets or sets a value that indicates whether the content of cells in this column or row should wrap to fit the available column width.

The default value for this property is false.

Methods

onGridChanged

onPropertyChanged

  • onPropertyChanged(): void

Events

gridChanged

gridChanged: Event<RowCol, EventArgs>

Occurs when the value of the grid property changes.