Este exemplo mostra como especificar uma função a executar quando se clica em um cabeçalho do data grid. Este evento se chama onDataColumnClick. Uma vez ativado o evento, a função que será executada para este evento receberá dois parâmetros: identificador da coluna e referência do campo.
Sintaxis: myGrid.onDataColumnClick = function myFunction(column, fieldReference);
Neste exemplo, uma função chamada onColumnClick é associada ao evento onDataColumnClick. Quando se clica em um cabeçalho de coluna, a informação sobre a coluna em que se clicou aparecerá na parte inferior da área data grid.
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: O evento onDataColumnClick pode ser ativado antes ou depois que o objeto DataGrid seja construído (através do comando "go").