dt-error
Error event - An error has occurred during DataTables' processing of data.
Description
Error control is an important consideration in any complex application, and DataTables provides this event to allow you to hook your application's own error handling into DataTables. For example you could trigger an Ajax call that will log an error for investigation, or use the error event to show a custom error message to the end user.
This event goes hand in hand with the DataTable.ext.errMode
option which controls how DataTables handles errors. That static option can take one of four values:
alert
(default) - Alert the errorthrow
- Throw a Javascript errornone
- Do nothing (you would want to use thisdt-error
in this case)function
- A function common to all DataTables on the page that is called when an error occurs.
Please note that, as with all DataTables emitted events, the event object has a DataTables API instance available on it (the first parameter). Additionally, the events are triggered with the dt
namespace. As such, to listen for this event, you must also use the dt
namespace by simply appending .dt
to your event name, as shown in the example below.
This event will bubble up the document, so you can add a listener for dt-error.dt
to the body
to capture all error events triggered by DataTables.
Before DataTables 2, this event was simply called error
, however, that would cause onerror
DOM0 event handlers to trigger, causing spurious logging if monitoring your site for script errors.
Type
function function( e, settings, techNote, message )
- Parameters:
Name Type Optional 1 e
No jQuery event object
2 settings
No DataTables settings object
3 techNote
No Tech note error number - use
https://datatables.net/tn/{techNote}
to look up a description4 message
No Description of error
Example
Use the event as a custom error handler:
DataTable.ext.errMode = 'none';
$('#example')
.on('dt-error.dt', function (e, settings, techNote, message) {
console.log('An error has been reported by DataTables: ', message);
})
.DataTable();
Related
The following options are directly related and may also be useful in your application development.