Este ejemplo demuestra cómo especificar una función a ejecutar cuando se hace clic en un encabezado de rejilla de datos. Este evento se llama onDataColumnClick. Una vez activado el evento, la función que será ejecutada para este evento recibirá dos parámetros: identificador de la columna y referencia del campo.
Sintaxis: myGrid.onDataColumnClick = function myFunction(column, fieldReference);
En este ejemplo, una función llamada onColumnClick se asigna al evento onDataColumnClick. Cuando se hace clic en un encabezado de columna, la información sobre la columna en la que se hizo clic aparecerá en la parte inferior del área Rejilla.
function onColumClick (column, fieldReference){
var info1 = createTR('Column ID', column);
var info1 = createTR('Field Alias', fieldReference.fieldalias);
var info2 = createTR('Field ID', fieldReference.fieldid);
var info3 = createTR('Field Type', fieldReference.fieldtype);
var info4 = createTR('Field is searchable', fieldReference.fieldsearchable);
$('myclicked').innerHTML = '<center><table>' + info1 + info2 + info3 + info4 + info5 + '</table></center>';
}
Nota: El evento onDataColumnClick puede activarse antes o después de que el objeto DataGrid se construya (vía el comando "go").