| DHTMLX Documentation

# Attaching custom code to events

The grid provides a rich set of events, you can attach any kind of custom code to them using the following syntax:

> grid.attachEvent(eventName, code);

For example:

> function myHandler(id) { alert(id); }
> grid.attachEvent("onRowSelect",myHandler);

Or simpler syntax:

> grid.attachEvent("onRowSelect",function(id){
> alert(id);
> });

You can attach multiple handlers to one and the same event:

> grid.attachEvent("onRowSelect",myHandler);
> grid.attachEvent("onRowSelect",myHandler2);

In case of row selection both the attached functions will be called.
If it is necessary, the custom code can be detached from an event:

> var id1=grid.attachEvent("onRowSelect",myHandler);
> var id2=grid.attachEvent("onRowSelect",myHandler2);
> grid.detachEvent(id2); // detach myHandler2 from onRowSelect event

Some of the events can be blocked. So based on the return value, the grid will react differently:
return "true"; - confirm action
return "false"; - deny action
no return command - treated as return "false"

> grid.attachEvent("onEditCell",function(){
> return false; // will block any edit operation
> })

© DHTMLX, 2008