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

我有一个表，上面有数据行。我希望通过单击行本身或“编辑”按钮可以编辑大部分行

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

• 产品名称
• 烙印
• 模型
• 价格

我可以通过使用jQuery和jEditable来实现这一点；也可以使用绝地表rails gem。但我一次只能编辑一个单元格

---

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

我在这里找到了正确的路径：

它不用桌子

---

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

试试这样的方法：

$('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');
});

---

示例：

这是一个易于使用且灵活的方法。它可以让你在任何地方都可以轻松地编辑，在一个表或h1标记中，并且可以将任何内容转换为任何内容。其实背后的想法很简单，也有点独特

---

干杯，

我尝试使用该代码，但无法使其正常工作。我不知道他所说的var jeditableEvent=$.fn.editable.defaults.event是什么意思；我正在尝试使用jQueryI，我也尝试过这样做，但是可以编辑整个表行，包括tr和td标记<代码>代码$（document）.ready（函数（）{$（“.editlink”）。单击（函数（）{$（.tr”）。可编辑（“”，{}）；}）<代码>代码我从未使用过jEditable，但尝试将$（'table tr'）更改为$（'table tr td'）@JimG。谢谢你投反对票，让这组答案看起来很有趣D严肃地说，在你否决一个答案时，你能提出至少一些建议吗？