jeditable - catching click event
Hello,
I'm using jeditable in relation with dataTable as follow:
-
var tableGrid = $('#grid').dataTable({
"dom": "frtip",
"bStateSave": true,
"paging": false,
-
"fnDrawCallback" : function() {
tableGrid.$('td:eq(6)').editable(function(value, settings) {
var td = $('td#' + this.id);
displayStuff(td, this.id, value);
}, {
type : 'text',
cssclass : 'textInline',
name : 'textInline',
submit : 'Ok',
cancel : 'Cancel'
});
},
I'm trying to get the click event as follow. However I get the event on all the cells except the one that is editable.
-
$('#grid').on('click', 'tbody td', function (e) {
//
e.stopPropagation();
});
That might mean that jEditable is doing some kind of stopPropagation itself.
How can I get access to the click event or prevent a particular cell/field to be editable at runtime?
Thanks in advance for any pointers.