jEditable同时编辑表的多个单元格

时间:2011-11-18 22:29:56

标签: javascript jquery-plugins jeditable

我试图通过使用jEditable单击该行来编辑html表行的多个单元格。

但是,jEditable的默认行为似乎是在给定时间,它只允许一个元素保持可编辑状态。在上面的示例中,元素为<td> s

HTML:

<table border=1>
    <tr id="row1" class="row">
        <td class='editme'>Test11</td>
        <td class='editme'>Test12</td>
    </tr>
    <tr id="row2" class="row">
        <td class='editme'>Test21</td>
        <td class='editme'>Test22</td>
    </tr>    
</table>

使用Javascript:

$("td.editme").editable("nothing",{
    event : "make_cell_editable",
})
$('.row').live('click', (function () { 
    $(this).children().each(function(){
        $(this).trigger('make_cell_editable');
    });

}));

我在这里创建了一个示例:http://jsfiddle.net/EMSdN/7/

有人可以建议解决方案吗?

0 个答案:

没有答案