Сделайте строку таблицы редактируемой, используя jQuery, jEditable, jeditable-rails gem или любое решение AJAXy

Question

У меня есть таблица со строками данных.Я хочу, чтобы большую часть строки можно было редактировать, щелкнув либо саму строку, либо кнопку редактирования.

Допустим, у меня есть таблица со списком продуктов:

• Название продукта
• Марка
• Модель
• Цена

Я могу сделать это с помощью jQuery и jEditable;а также с помощью драгоценного камня jeditable-rails.Но я могу редактировать только одну ячейку за раз.

Что мне нужно, так это: если я нажимаю кнопку «Редактировать» или саму строку.Все эти четыре ячейки в таблице должны стать редактируемыми.

Answer 1

Попробуйте что-то вроде этого:

$('td:not(.edit)').editable('', {
    onblur: 'ignore',
    submit: 'ok',
    cancel: 'cancel',
    width: 75,
    event: 'edit'
});

$('td').click(function(e) {
    // reset all editables
    var allEditables = $(this).closest('table').find('td:not(.edit)').get();
    $.each(allEditables, function(i, elm) {
        elm.reset();
    });

    // make all cells in this row editable
    $(this).parent().children(':not(.edit)').trigger('edit');
});

Пример: http://jsfiddle.net/UMccc/221/

Answer 2

Я нашел правильный путь здесь: jQuery - Редактировать строку строки inline

Он не использует jEditable.

Это просто функция Javascript, но ядумаю, это стартовая площадка для творчества.

Answer 3

Вот простой в использовании и гибкий встроенный редактируемый плагин jquery . Это позволяет вам легко редактировать где угодно, внутри таблицы или тега h1, и может охватывать все что угодно. на самом деле идея проста и немного уникальна.

Приветствия