Понадобилось мне редактировать страницу. Так как таблица у меня строится на основе библиотеки Datatables, то логично было применить для этой задачи, editor.datatables. Данным плагин насколько я понял предназначен для клиент-серверного взаимодействия, в моем случае никого не взаимодействия сервеом не было, стояла задача пропарсить таблицу и результат послать на веб-сервис в виде JSON массива.
Для этой задачи нашел простое и эффективное решение, посмотреть можете по ссылке.
На всякий случай продублирую код и у себя, может пригодится кому нибудь.
//Редактируемое поле Заказ
$(function() {
$('td.editable').click(function(e) {
//ловим элемент, по которому кликнули
var t = e.target || e.srcElement;
//получаем название тега
var elm_name = t.tagName.toLowerCase();
//если это инпут - ничего не делаем
if(elm_name == 'input') {return false;}
var val = $(this).html();
var code = '<input type="text" id="edit" value="'+val+'" />';
$(this).empty().append(code);
$('#edit').focus();
$('#edit').blur(function() {
var val = $(this).val();
$(this).parent().empty().html(val);
});
});
});
//ловим событие нажатия клавиши
$(window).keydown(function(event){
if(event.keyCode == 13) { //если это Enter
$('#edit').blur(); //снимаем фокус с поля ввода
}
});
добрый день, очень благодарен за код! Долго искал! А тут так компактно и удобно! Но , никак не могу понять как добиться редактирования таблицы в бд. Не могли бы все таки скинуть исходники? Больше всего интересует uptade_cell.php.. Заранее огромное спасибо!!
Проект писал, давно и в образовательных целях. Попробую отыскать исходники. Если найду напишу вам на мыло.