Context
I have a datatable where I've enabled tabbing using the following code:
keys: {
keys: [ 9 ],
editor: editor,
editOnFocus: true
},
My editor declaration specify two fields as datetime in order to get a calendar pop-up. Without the code above, the calendar pops-up and the values are sent to the server as expected.
Here is the full datatable declaration:
var table = $('#options').DataTable({
data: data,
scrollX: true,
columns: columns,
order:[[1,'desc']],
keys: {
keys: [ 9 ],
editor: editor,
editOnFocus: true
},
});
Problem
After adding the tabbing code above whenever I click on one of the datetime fields, the calendar pops up; however, nothing gets sent to the server after the selection (either by hitting enter, clicking outside the field or hitting tab). If I remove the code block specified above, everything is working as expected.
Additional Information
I should note that aside from the datetime issue, all other fields (including dropdowns) work as expected on edit+tab.
Any thoughts on this?
Thanks.