Skip to content

cellTemplate.md

Latest commit

 

History

History
74 lines (53 loc) · 3.85 KB

cellTemplate.md

File metadata and controls

74 lines (53 loc) · 3.85 KB
id dxTreeListColumn.cellTemplate
type template
shortDescription

Specifies a custom template for data cells.

param(cellElement): DxElement

#include common-ref-elementparam with { element: "current cell" }

param(cellInfo): Object

The cell's properties.

field(cellInfo.column): dxTreeListColumn

The column's properties.

field(cellInfo.columnIndex): Number

The index of the cell's column.

field(cellInfo.component): dxTreeList

The UI component's instance.

field(cellInfo.data): Object

The data of the row to which the cell belongs.

field(cellInfo.displayValue): any

The cell's display value. Differs from the value field only when the column uses lookup or calculateDisplayValue.

field(cellInfo.oldValue): any
field(cellInfo.row): dxTreeListRowObject

The cell's row.

field(cellInfo.rowIndex): Number

The index of the cell's row. Begins with 0 on each page.
Refer to Column and Row Indexes for more information.

field(cellInfo.rowType): String

The row's type.

field(cellInfo.text): String

displayValue after applying format and customizeText.

field(cellInfo.value): any

The cell's raw value.

field(cellInfo.watch): function()

Allows you to track a variable and respond to value changes. Applies when repaintChangesOnly is true.
This function has the following parameters:

  • getter(data): Function
    A function that returns the variable that should be tracked.

  • handler(newValue): Function
    A function called when this variable changes.

return: any

A template name or container.

[note]If you implement two-way data binding in your template, make sure that you have switched off the built-in implementation of this feature by setting the twoWayBindingEnabled property to false.

#include btn-open-demo with { href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/Overview/" }

#####See Also#####