使用jQuery，jEditable，jeditable-rails gem或任何AJAXy解决方案使表行可编辑

Question

我有一个表格，上面有数据行。 我想通过单击行本身或编辑按钮来编辑大部分行。

假设我有一个列出产品的表格：

• 产品名称
• 牌
• 模型
• 价钱

我可以通过使用jQuery和jEditable来实现这一点; 并且还使用了jeditable-rails gem。 但我一次只能编辑一个单元格。

我需要的是：如果我单击编辑按钮或行本身。 表格中的所有这四个单元格都应该可以编辑。

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 - 内联编辑表行

它不使用jEditable。

它只是一个Javascript函数，但我认为它是创造力的发射台。

Answer 3

这是一个易于使用和灵活的jquery内联可编辑插件 。 它让你可以轻松地在任何地方，桌面或h1标签内编辑，并且可以将任何内容整合到任何东西中。 实际上，背后的想法很简单，有点独特。

干杯，