Home > Class Reference > ENSLIB namespace > %ZEN.Component.dataGrid
Private  Storage   

%ZEN.Component.dataGrid


class %ZEN.Component.dataGrid extends control, dataView

Implements a component for viewing and editing tabular data.
This is an HTML5 component; it will only correctly run on HTML5 compliant browsers.

Inventory


Parameters Properties Methods Queries Indices ForeignKeys Triggers
4 62 124


Summary


Properties
%condition %controller %import %includeFiles
%page %resource align alwaysString
aux canResizeColumns cellHoverColor checkedRows
clientType columnDescriptors columnHeaderStyle columnLabelSpan
columnWidth composite containerStyle controlClass
controlStyle controller controllerId currCellBackground
currCellColor currColumn currPage currRow
dataBinding disabled dragEnabled dropEnabled
enclosingClass enclosingStyle error evenRowBackground
evenRowColor filterKey format gridStatusStyle
gridTitle gridTitleStyle hasFormulas height
hidden hint hintClass hintStyle
id index invalid invalidMessage
label labelClass labelDisabledClass labelStyle
lblErrorAdjustSizes lblErrorRenderCells lblErrorRenderContents lblErrorRenderSkeleton
lblErrorSelectCell lblSearch lblWorking multiSelect
name oddRowBackground oddRowColor onaction
onafterdrag onbeforedrag onblur onchange
onchangecell onclick ondblclick ondrag
ondrawcell ondrop onfiltercell onfocus
ongetlookupdata ongetstatus ongettitle onheaderclick
onhide onkeydown onkeypress onkeyup
onmousedown onmouseout onmouseover onmouseup
onnotifyView onrefresh onselectcell onselectrow
onshow onsubmit ontouchend ontouchmove
ontouchstart onupdate onvalidate originalValue
pageSize pagingMode parent readOnly
required requiredMessage rowDescriptors rowHeaderStyle
rowHeight rowLabelSpan rowLabelWidth selectMode
selectedRange showColumnLabels showLabel showRowLabels
showRowSelector showZebra slice sortColumn
sortMode sortOrder style summaryRow
tabIndex title tuple useEngine
valign value valueColumn visible
width window

Methods
%AddToSaveSet %Attr %BindExport %ClassIsLatestVersion
%ClassName %ConstructClone %DispatchClassMethod %DispatchGetModified
%DispatchGetProperty %DispatchMethod %DispatchSetModified %DispatchSetMultidimProperty
%DispatchSetProperty %DrawComponentHTML %DrawHTML %DrawJSStrings
%EnclosingDivId %Eval %EvalC %Extends
%ForceClientRender %GetEventHandlers %GetForm %GetParameter
%GetXMLName %IsA %IsModified %MakeId
%Name %New %NormalizeObject %ObjectModified
%OnAddToPageAfter %OnAddToPageBefore %OnDrawEnclosingDiv %OnDrawObjectProperties
%OnObjectSynch %OnZENDeserialize %OriginalNamespace %PackageName
%QuoteValue %QuoteValueL10N %RemoveFromSaveSet %Self
%SerializeObject %SetDefaultValues %SetModified %ValidateObject
XMLDTD XMLExport XMLExportToStream XMLExportToString
XMLNew XMLSchema XMLSchemaNamespace XMLSchemaType
applyValue beginWait cellActionHandler cellClickHandler
cellDblClickHandler cellEditBlur cellEditKeyHandler cellEditKeyUpHandler
cellMouseOut cellMouseOver cellScrollHz cellScrollVt
columnClickHandler columnDblClickHandler dragFinishHandler dragHandler
dragNotifyHandler dragStartHandler dropHandler dropStartHandler
editCell endWait evaluate exposeComponent
findElement fireOnUpdateEvent focus formatValue
getCellEditor getCellSelector getColumnCount getColumnDescriptor
getColumnDescriptorCount getColumnDescriptors getColumnInfo getController
getCurrColumn getCurrRow getDisabled getDragData
getEnclosingDiv getForm getHidden getHintElement
getInvalidReason getLabelElement getPagingHTML getPopupContent
getProperty getReadOnly getRowCount getRowDescriptor
getRowDescriptorCount getRowDescriptors getRowHeaderLabels getRowInfo
getRowValue getSettings getType getValue
gridKeyBlur gridKeyDownHandler gridKeyFocus gridKeyPressHandler
hideGroupHandler hideMessage hideOverlay highlightCells
initEngine invokeSuper isCellEditable isModified
isOfType isValid makeId moveCellSelector
moveToCell nextPage normalizeValue notifyViewHandler
onCreate onDelete onDisplayHandler onEndModalHandler
onPopupAction onRefreshContents onSerialize onStartModalHandler
onchangeHandler onloadHandler onunloadHandler onupdateHandler
prevPage recalc refreshContents render
renderContents renderSVG resizeMouseDblClick resizeMouseDown
resizeMouseMove resizeMouseUp rowClickHandler rowDblClickHandler
select selectCell selectCellHandler selectPopupItem
selectorClickHandler selectorDblClickHandler sendEventToController setCellValue
setControllerId setDisabled setFilterKey setHidden
setOverlayMode setProperty setReadOnly setValue
showGroupHandler showMessage showOverlay showPopup
sizeHandleMouseDown sizeHandleMouseMove sizeHandleMouseUp startProgressBar
stopEditCell stopProgressBar sysName unformatValue
updateCells updateGrid validationHandler wheelHandler


Parameters


• parameter DEFAULTENCLOSINGCLASS = "dataGrid";
Subclasses can set this to change default enclosingClass used for this component.
• parameter DOMAIN = "%ZEN";
Domain used for localization.
• parameter INCLUDEFILES = "dsparser.js";
Pick up formula code.
• parameter SYSMODULE;
Do not include in "form" module.

Properties


• property alwaysString as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
Sometimes datagrid is *never* used to enter numbers only strings, for instance diagnostic codes with 0s trailing to the left or after a decimal point
• property canResizeColumns as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
If true, the user can resize columnns with the mouse.
• property cellHoverColor as %ZEN.Datatype.string [ InitialExpression = "#EEEEEE" ];
Background color of cells when mouse is over them.
• property checkedRows as %ZEN.Datatype.csv;
This property contains a csv-list of the row numbers (1-based) in which the row selector checkbox is currently set.
If all rows are checked, it is set to "all".
• property columnDescriptors as list of %ZEN.Auxiliary.gridColumnDescriptor(XMLPROJECTION="ELEMENT",XMLREF=1,XMLTYPECONSTRAINT="CHOICE",ZENSETTING=0);
Optional column descriptors for this grid.
• property columnHeaderStyle as %ZEN.Datatype.style;
Additional style to apply to column headers in this grid.
• property columnLabelSpan as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
This specifies how parent column labels with multiple child labels are displayed.
If true, then one parent label is displayed for each set of children. If false, then the parent row label is repeated for each child.
• property columnWidth as %ZEN.Datatype.integer;
This is the default width (in pixels) used for columns that do not supply a width. If not defined, then a width is calculated.
• property currCellBackground as %ZEN.Datatype.style [ InitialExpression = "#D0D0FF" ];
Background color to apply to the current cell.
• property currCellColor as %ZEN.Datatype.style [ InitialExpression = "#000000" ];
Foreground color to apply to the current cell.
• property currColumn as %ZEN.Datatype.integer [ InitialExpression = 1 ];
This is the column number (1-based) of the current selected cell.
• property currPage as %ZEN.Datatype.integer [ InitialExpression = 1 ];
This is the current "page" when this grid is paging through data. Use the getCurrPage method to view this.
• property currRow as %ZEN.Datatype.integer [ InitialExpression = 1 ];
This is the row number (1-based) of the current selected cell.
• property evenRowBackground as %ZEN.Datatype.style [ InitialExpression = "#F8F8F8" ];
Background color to apply to even rows when zebra striping is on.
• property evenRowColor as %ZEN.Datatype.style;
Foreground color to apply to even rows when zebra striping is on.
• property filterKey as %ZEN.Datatype.string;
If supplied, this is a key used to filter results that are already on the client.
• property format as %ZEN.Datatype.string;
Default format to apply to cells in this grid.
This is a DeepSee format string: e.g., "###.##" This is overridden by row and column-level formatting.
• property gridStatusStyle as %ZEN.Datatype.style;
Optional style to apply to grid status area.
• property gridTitle as %ZEN.Datatype.caption;
Optional title to display along top of grid.
• property gridTitleStyle as %ZEN.Datatype.style;
Optional style to apply to grid title.
• property hasFormulas as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, this grid will display formula values when a cell is edited. Otherwise the current value of the cell is displayed.
• property lblErrorAdjustSizes as %ZEN.Datatype.caption [ InitialExpression = $$$Text("Error in adjustSizes.") ];
• property lblErrorRenderCells as %ZEN.Datatype.caption [ InitialExpression = $$$Text("Error in renderCells.") ];
• property lblErrorRenderContents as %ZEN.Datatype.caption [ InitialExpression = $$$Text("Error in renderContents.") ];
• property lblErrorRenderSkeleton as %ZEN.Datatype.caption [ InitialExpression = $$$Text("Error in renderSkeleton.") ];
• property lblErrorSelectCell as %ZEN.Datatype.caption [ InitialExpression = $$$Text("Error in selectCell.") ];
• property lblSearch as %ZEN.Datatype.caption [ InitialExpression = $$$Text("Search") ];
• property lblWorking as %ZEN.Datatype.caption [ InitialExpression = $$$Text("Working") ];
• property multiSelect as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, users can select a range of cells in the grid.
• property oddRowBackground as %ZEN.Datatype.style;
Style to apply to odd rows when zebra striping is on. Background color to apply to odd rows when zebra striping is on.
• property oddRowColor as %ZEN.Datatype.style;
Foreground color to apply to odd rows when zebra striping is on.
• property onaction as %ZEN.Datatype.eventHandler;
onaction event handler:
If defined, this event is fired when the user executes an action within a cell (such as clicking on a column-defined checkbox, button, or link.)
The current cell row and column number is updated before this call is made.
The event handler is passed 3 variables, row, name, and value, which contain the row number of the current cell (1-based), the logical name of the column, and the current value of the action control, if applicable.
• property onchangecell as %ZEN.Datatype.eventHandler;
onchangecell event handler:
If defined, this event is fired when the user finished editing a cell value.
The current cell row and column number is updated before this call is made.
The event handler is passed value (the new cell value). It should return the value to be placed into the cell or null to cancel the edit.
• property ondrawcell as %ZEN.Datatype.eventHandler;
ondrawcell event handler: If defined, this event is fired when a cell is about to be drawn. The event is passed value, row, and col (1-based). If this event handler returns a value, then it is used to render the cell contents.
The return of this event is either null, in which case the default rendering is used for the cell or an object with any of the following properties:
content - HTML to display within the cell.
align - horizontal alignment for the cell.
style - CSS style for the cell.
format - format string for the cell (ignored if content is supplied).
image - image for the cell (ignored if content is supplied).
type - type for the cell (ignored if content is supplied).
value - value for the cell (ignored if content is supplied).
• property onfiltercell as %ZEN.Datatype.eventHandler;
onfiltercell event handler:
If defined, this event is fired when the user enters a new filter key.
The event handler is passed an object, info, with the properties row,col,value, and key. The event handler should return true if the row containing the cell matches the filter or false otherwise.
• property ongetlookupdata as %ZEN.Datatype.eventHandler;
ongetlookupdata event handler:
Return a javascript array of data to display within the popup for a lookup column. This can be any array of object or literal values.
• property ongetstatus as %ZEN.Datatype.eventHandler;
ongetstatus event handler: If defined, this event returns the HTML that will be displayed within the status area of this grid (bottom of grid).
• property ongettitle as %ZEN.Datatype.eventHandler;
ongettitle event handler: If defined, this event returns the HTML that will be displayed within the title area of this grid (top of grid). This supercedes the gridTitle property if defined.
• property onheaderclick as %ZEN.Datatype.eventHandler;
onheaderclick event handler: If defined, this event is fired when the user clicks on a row or column header. The variable which will indicate which header is clicked: "row" or "column". The variable index will indicate the ordinal number of the header (1-based).
• property onselectcell as %ZEN.Datatype.eventHandler;
onselectcell event handler:
If defined, this event is fired when the user navigates to a new cell.
The current cell row and column number is updated before this call is made.
The event handler is passed 2 variables, row and col, which contain the row and column number of the current cell (1-based).
• property onselectrow as %ZEN.Datatype.eventHandler;
onselectrow event handler:
If defined, this event is fired when the user toggles any of the visible row selector checkboxes within the grid
The event handler is passed one variable, range, a string enumerating the currently checked rows. This range has two special values: "" indicating that no rows are currently checked, or the reserved value "all" indicating that all rows have been checked. Between these extremes, the range parameter will become a CSV string listing the (1-based) indices of the currently checked rows.
As this event is linked to the toggling of the row selectors, it only fires if showRowSelector is true
• property pageSize as %ZEN.Datatype.integer [ InitialExpression = 0 ];
This is the current "page" size when this grid is paging through data. Use the getPageSize method to view this.
• property pagingMode as %ZEN.Datatype.string(VALUELIST=",client,server") [ InitialExpression = "client" ];
Indicates where data paging should occur.
• property rowDescriptors as list of %ZEN.Auxiliary.gridRowDescriptor(XMLPROJECTION="ELEMENT",XMLREF=1,XMLTYPECONSTRAINT="CHOICE",ZENSETTING=0);
Optional row descriptors for this grid.
• property rowHeaderStyle as %ZEN.Datatype.style;
Additional style to apply to row headers in this grid.
• property rowHeight as %ZEN.Datatype.integer;
This is the default height (in pixels) used for rows that do not supply a height. If not defined, then the height is calculated.
• property rowLabelSpan as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
This specifies how parent row labels with multiple child labels are displayed.
If true, then one parent label is displayed for each set of children. If false, then the parent row label is repeated for each child.
• property rowLabelWidth as %ZEN.Datatype.integer;
Width used for row labels. This is a number of pixels. If not defined, then a width is calculated.
• property selectMode as %ZEN.Datatype.string(VALUELIST=",rows,cells") [ InitialExpression = "rows" ];
Specifies how selection works within the grid.
If "rows", then the user selects entire rows at a time.
If "cells", then the user can select and move between individual cells.
• property selectedRange as %ZEN.Datatype.csv;
This specifies the current selected range of cells as a comma-separated list of integers. The list is of the form:
startRow,startCol,endRow,endCol
All cells numbers are 1-based.
If the range is equal to "", then no cells are selected.
This is only used if multiSelect is true.
• property showColumnLabels as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
Specifies whether column labels should be displayed.
• property showRowLabels as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
Specifies whether row labels should be displayed.
• property showRowSelector as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, display a check box in each row to allow selection of the row.
• property showZebra as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
Specify whether zebra striping should be applied to the grid.
• property sortColumn as %ZEN.Datatype.integer [ InitialExpression = 0 ];
For sortable tables, this is the column used for sorting results (1-based).
• property sortMode as %ZEN.Datatype.string(VALUELIST=",client,server") [ InitialExpression = "client" ];
Indicates where column-wise sorting should occur. This can be "client" or "server".
• property sortOrder as %ZEN.Datatype.string(VALUELIST=",asc,desc");
For sortable tables, this is the order to sort values within the current column. Values can be "", "asc" (ascending), or "desc" (descending).
• property style as %ZEN.Datatype.style;
Additional style to apply to cells in this grid.
This is applied before any row and column-level styles.
• property summaryRow as %ZEN.Auxiliary.gridRowDescriptor(XMLNAME="summaryRow",ZENSETTING=0);
Optional descriptor for the summary row.
• property useEngine as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
Setting this to 0 will disable code execution when loading and rendering the grid This is useful when you want to enter = and not a formula in a particular column. This is a grid wide setting
• property valueColumn as %ZEN.Datatype.integer [ InitialExpression = 1 ];
This is the column number (1-based) of the column that supplies the value for a row within the table.

Methods


• method applyValue(value, text) [ Language = javascript ]
Value applied from popup.
• method beginWait() [ Language = javascript ]
Start "wait" state for this grid.
• method cellActionHandler(r, name, value) [ Language = javascript ]
Notification that user has fired a cell action.
• method cellClickHandler(row, col, evt) [ Language = javascript ]
User has clicked on a cell.
• method cellDblClickHandler(row, col, evt) [ Language = javascript ]
User has dbl-clicked on a cell.
• method cellEditBlur() [ Language = javascript ]
Focus taken from the grid's cell edit control.
• method cellEditKeyHandler(evt) [ Language = javascript ]
Process keys pressed within the grid's cell edit control.
• method cellEditKeyUpHandler(evt) [ Language = javascript ]
Process key up event within the grid's cell edit control.
• method cellMouseOut(row, col, evt) [ Language = javascript ]
Mouse out for a cell.
• method cellMouseOver(row, col, evt) [ Language = javascript ]
Mouse over for a cell.
• method cellScrollHz() [ Language = javascript ]
Horizontal Scroll handler..
• method cellScrollVt() [ Language = javascript ]
Vertical Scroll handler.
• method columnClickHandler(evt, col) [ Language = javascript ]
User has clicked on a column header.
• method columnDblClickHandler(evt, col) [ Language = javascript ]
User has double-clicked on a column header.
• method editCell(defval, which) [ Language = javascript ]
Display edit control in the current cell. If defval is defined, then use it as the initial value in the editor. which indicates what type of cell is being edited: "row" (row label), "column" (column label), otherwise a data cell.
• method endWait() [ Language = javascript ]
End "wait" state for this grid.
• method evaluate(expr, row, col) [ Language = javascript ]
Evaluate a single expression (outside of the general set of cells).
• method focus() [ Language = javascript ]
Client-side method to give input focus to this control.
• method getCellEditor() [ Language = javascript ]
Return the html element for the current cell editor, if there is one.
• method getCellSelector() [ Language = javascript ]
Return the html element for the current cell selector, if there is one.
• method getColumnCount() [ Language = javascript ]
Return number of displayed columns in this grid.
• method getColumnDescriptor(c) [ Language = javascript ]
Return an object containing the descriptor for column c (0-based). c is an index into the actual set of column descriptors.
• method getColumnDescriptorCount() [ Language = javascript ]
Return the number of column descriptors.
• method getColumnDescriptors() [ Language = javascript ]
Return an array of column descriptors (or null).
• method getColumnInfo(c) [ Language = javascript ]
Return an object containing display information for column c (0-based). If there are nested columns, this always refers to the bottom-most set of columns.
• method getCurrColumn() [ Language = javascript ]
Return the number of the current column (1 based).
• method getCurrRow() [ Language = javascript ]
Return the number of the current row (1 based).
• method getPagingHTML() [ Language = javascript ]
Return the HTML for the paging buttons.
• method getPopupContent(group) [ Language = javascript ]
Return the content for the popup/dropdown.
• method getRowCount(filtered) [ Language = javascript ]
Return number of displayed rows in this grid.
If filtered (the default), return only filtered results.
• method getRowDescriptor(r) [ Language = javascript ]
Return an object containing the descriptor for row r (0-based). r is an index into the actual set of row descriptors.
• method getRowDescriptorCount() [ Language = javascript ]
Return the number of row descriptors.
• method getRowDescriptors() [ Language = javascript ]
Return an array of row descriptors (or null).
• method getRowHeaderLabels() [ Language = javascript ]
Return the array of row header labels to be displayed in the upper left nub.
• method getRowInfo(r) [ Language = javascript ]
Return an object containing display information for row r (0-based). r is a resolved row number within the current page!!!.
• method getRowValue(row) [ Language = javascript ]
Return the value (using the valueColumn) of the given row (1-based).
• method gridKeyBlur() [ Language = javascript ]
Focus taken from the grid's invisible edit control.
• method gridKeyDownHandler(evt) [ Language = javascript ]
Process keydown event within the grid's invisible edit control.
• method gridKeyFocus() [ Language = javascript ]
Focus passed to the grid's invisible edit control.
• method gridKeyPressHandler(evt) [ Language = javascript ]
Process keypress event within the grid's invisible edit control.
• method hideGroupHandler() [ Language = javascript ]
Notification that the popup group is hidden.
• method hideMessage() [ Language = javascript ]
Hide the message for this form.
• method hideOverlay() [ Language = javascript ]
Hide the overlay for this grid.
• method highlightCells(flag) [ Language = javascript ]
Hilight (or unhighlight) the current selected cell headers.
• method initEngine() [ Language = javascript ]
Initialize the calculation engine.
• method isCellEditable(r, c) [ Language = javascript ]
Return whether a given cell can be edited; Row and column are 1-based.
• method moveCellSelector(startRow, startCol, endRow, endCol) [ Language = javascript ]
Move the cell selector to the given cells (1-based).
• method moveToCell(dir, updateRange) [ Language = javascript ]
Move to a new, editable, cell. dir is "up","down","left","right","end",or "home". Returns true if move was successful.
updateRange indicates that we are in "select range" mode.
• method nextPage() [ Language = javascript ]
Show next page in grid.
• method notifyViewHandler(reason, data1, data2, data3) [ Language = javascript ]
Notification that the dataController associated with this grid has raised an event.
• method onCreate() [ Language = javascript ]
Initialize additional client-side values
• method prevPage() [ Language = javascript ]
Show previous page in grid.
• method recalc() [ Language = javascript ]
Recalculate values of cells using the formula engine.
• method renderContents() [ Language = javascript ]
Client-side method to render this component.
• method resizeMouseDblClick(evt, index) [ Language = javascript ]
Mouse double-click handler for column resize.
• method resizeMouseDown(evt, index) [ Language = javascript ]
Mouse down handler for column resize.
• method resizeMouseMove(evt) [ Language = javascript ]
Mouse move handler for column resize.
• method resizeMouseUp(evt) [ Language = javascript ]
Mouse up handler for resize handle (connected to window).
• method rowClickHandler(evt, row) [ Language = javascript ]
User has clicked on a row header.
• method rowDblClickHandler(evt, row) [ Language = javascript ]
User has double-clicked on a row header.
• method selectCell(row, col, notify, updateRange) [ Language = javascript ]
Make the specified cell the current cell.
row and col are 1-based.
If notify is true, then raise an onSelectCell event.
• method selectCellHandler(r, c) [ Language = javascript ]
Notification that user is about to move to a new cell.
• method selectPopupItem(index) [ Language = javascript ]
Select an item within the popup (used by keyboard handling).
• method selectorClickHandler(evt) [ Language = javascript ]
User has clicked on the cell selector.
• method selectorDblClickHandler(evt) [ Language = javascript ]
User has dbl-clicked on the cell selector.
• method setCellValue(value, r, c) [ Language = javascript ]
Set the value of grid cell; Row and column are 0-based.
• method setFilterKey(key, update) [ Language = javascript ]
Set the client-side filter key.
• method setProperty(property, value, value2) [ Language = javascript ]
Set the value of a named property.
• method showGroupHandler() [ Language = javascript ]
Notification that the popup group is displayed.
• method showMessage(msg) [ Language = javascript ]
Display a message for this form.
• method showOverlay(content) [ Language = javascript ]
Show the given content in the overlay for this grid.
• method showPopup(spec) [ Language = javascript ]
Display the dropdown popup window.
spec is an object with any of the following properties:
top - top edge of popup.
left - left edge of popup.
parentDiv - if supplied, use this to place the popup.
value - current logical value.
data - array of data elements to display; can be an array of objects or literal values.
propertyList - if data contains objects, this is a csv-list of properties to display.
idProperty - if data contains objects, this the name of the property supplying the id value.
textProperty - if data contains objects, this the name of the property supplying the display value.
title - title to display in popup.
applyValue - function to call a value is selected within the popup.
• method sizeHandleMouseDown(evt) [ Language = javascript ]
Mouse down handler for selector resize.
• method sizeHandleMouseMove(evt) [ Language = javascript ]
Mouse move handler for selector resize.
• method sizeHandleMouseUp(evt) [ Language = javascript ]
Mouse up handler for size handle (connected to window).
• method stopEditCell(cancel) [ Language = javascript ]
Stop editing of the current cell.
If cancel is true, then do not save current control value.
• method updateCells(immediate, reindex, delay) [ Language = javascript ]
Re-render the data cells within this grid.
If immediate is true, execute immediately. Otherwise use a timer.
• method updateGrid(reset) [ Language = javascript ]
Reset and re-render the entire grid contents.
• method wheelHandler(evt) [ Language = javascript ]
Mouse wheel handler.