enable jeditable on click of row

jagdipa

I have a table that has many rows (>100). I've found the performance of the datatable with jeditable to be too slow in IE. My testing shows that jeditable is the cause of this.

So, what I want to do is set jeditable up after the user clicks on the row. Its hard to explain, but this link explains it better - http://stackoverflow.com/questions/1750973/jeditable-performance-in-ie. I'm just findint it hard to get it to work. Can someone help me?

jagdipa

Okay, think I have managed to do it. Here is the code. I put this after I have created the dataTable({}) :

$('#htaTableBind tbody .editTextArea').click(function () {
$(this).editable(function (value, settings) {
..........
return (value);
}, {
"callback": function (sValue, y) {
// Redraw the table from the new data on the server
oTable.fnDraw();
},
height: "auto",
placeholder: "",
type: "textarea",
submit: 'OK'
});
});