Event Handling

Attaching event listeners

You can add any handler to the events of Form. To do this, use the form.events.on() method with the following parameters:

  • evName - the name of the event
  • evHandler - a user-defined event handler
form.events.on("ButtonClick", function(id,e){
    console.log(id);
});

Several handlers can be attached to one and the same event, and all of them will be executed.

Related sample:  Events - DHTMLX Form

The names of the events are case-insensitive.

Detaching event listeners

There is a simple way of removing an event handler with the form.events.detach() method:

var onbuttonclick = form.events.on("ButtonClick", function(id,e){
    console.log(id);
});
 
form.events.detach(onbuttonclick);

Calling events

A custom event can be called with the fire() method of the events module:

form.events.fire(evName,[args]);

List of supported events

You can find the full list of Form events in the API section.

Back to top