cell mouse events

Grid cells trigger a set of mouse-related events -

• onCellMouseOver/Out
• onCellMouseDown/Up
• onCellClicked/DoubleClicked

null

Syntax

obj.onCellMouseOver = function(event, column, row){...};
obj.onCellMouseOut = function(event, column, row){...};
obj.onCellMouseDown = function(event, column, row){...};
obj.onCellMouseUp = function(event, column, row){...};
obj.onCellClicked = function(event, column, row){...};
obj.onCellDoubleClicked = function(event, column, row){...};

Parameters

event (object) - DOM event
column (string) - column index
row (string) - row index

Example

obj.onCellClicked = function(event, column, row){
    alert(this.getCellText(column, row));
}

<script> // create grid object var obj = new AW.UI.Grid; // assign cells and headers text obj.setCellText("cell"); obj.setHeaderText("header"); // set number of columns/rows obj.setColumnCount(10); obj.setRowCount(20); // write grid to the page document.write(obj); obj.onCellClicked = function(event, column, row){ alert(this.getCellText(column, row)); } </script>

Remarks

If any of the Ctrl-, Alt- or Shift- button is pressed then onCellClicked and onCellDoubleClicked events will not fire. Instead the event name will include the combination of the control characters - for example, onCellShiftDoubleClicked or onCellCtrlClicked

See also

cell template