header/footer mouse events

Grid headers and footers trigger a set of mouse-related events -

• onHeaderMouseOver/Out
• onHeaderMouseDown/Up
• onHeaderClicked/DoubleClicked
• onFooterMouseOver/Out
• onFooterMouseDown/Up
• onFooterClicked/DoubleClicked

null

Syntax

obj.onHeaderMouseOver = function(event, column){...};
obj.onHeaderMouseOut = function(event, column){...};
obj.onHeaderMouseDown = function(event, column){...};
obj.onHeaderMouseUp = function(event, column){...};
obj.onHeaderClicked = function(event, column){...};
obj.onHeaderDoubleClicked = function(event, column){...};

obj.onFooterMouseOver = function(event, column){...};
obj.onFooterMouseOut = function(event, column){...};
obj.onFooterMouseDown = function(event, column){...};
obj.onFooterMouseUp = function(event, column){...};
obj.onFooterClicked = function(event, column){...};
obj.onFooterDoubleClicked = function(event, column){...};

Parameters

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

Example

obj.onHeaderClicked = function(event, column){
    alert(this.getHeaderText(column));
}

<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.onHeaderClicked = function(event, column){ alert(this.getHeaderText(column)); } </script>

Remarks

If any of the Ctrl-, Alt- or Shift- button is pressed then onHeaderClicked and onHeaderDoubleClicked events will not fire. Instead the event name will include the combination of the control characters - for example, onHeaderShiftDoubleClicked or onHeaderCtrlClicked