Este ejemplo muestra cómo especificar una función a ejecutar cuando se hace clic en una celda en una rejilla de datos. Este evento se llama onDataCellClick. Una vez se activa el evento, la función que se ejecutará para este evento recibirá 4 parámetros: row id, column id, record id y una referencia de campo.
Sintaxis: myGrid.onDataCellClick = function myFunction(row, column, recordId, fieldReference);
En este ejemplo, una función llamada onCellClick se asigna al evento onDataCellClick. Cuando se hace clic en una celda de rejilla, la información sobre la celda en la que se hace clic aparecerá en la parte inferior del área de rejilla.
function onColumClick (row, column, recordId, fieldReference){
var info1 = createTR('Clicked Row', row);
var info2 = createTR('Clicked Column', column);
var info3 = createTR('Record ID', recordId);
var info4 = createTR('Field Alias', fieldReference.fieldalias);
var info5 = createTR('Field ID', fieldReference.fieldid);
var info6 = createTR('Field Type', fieldReference.fieldtype);
var info7 = createTR('Field is searchable', fieldReference.fieldsearchable);
var info8 = createTR('Field Value', myGrid.getParsedDataValue(row-1,column));
$('myclicked').innerHTML = '<center><table>' + info1 + info2 + info3 + info4 + info5 + info6 + info7 + info8 + '</table></center>';
}
Nota: El evento onDataColumnClick puede activarse antes o después de construir el objeto Rejilla de datos (vía el comando "go").