I have solved it
i have done it with jquery only
$(document).ready(function() {
$('.custom_note_edit').dblclick(function(e) {
$(this).addClass("cellEditing");
var trobj = $(this).closest('tr');
var order = $.trim(trobj.children('td.order_id').text());
var cval = $.trim($(this).text());
$(this).html("<input type='text' id='editable_note' value='" + cval + "' />");
$(this).children().first().focus();
$(this).children().first().blur(function(){
var newContent = $(this).val();
/** here call your function for updating the field value to database **/
$(this).parent().text(newContent);
$(this).parent().removeClass("cellEditing");
});
});
});
here custom_note_edit is class associate with td which contain custom_note on order list page