使用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/