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

发布于 2024-12-16 14:06:04 字数 910 浏览 5 评论 0原文

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

然而,jEditable 的默认行为似乎是在给定时间,它只允许一个元素保持可编辑状态。在上面的示例中,元素是 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/

有人可以提出解决方案吗?

I am trying to make multiple cells of an html table row be editable by clicking on that row using jEditable.

However, the default behaviour of jEditable seems to be that at a given time, it allows only one element to stay editable. In my example above, the elements are <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');
    });

}));

I have created an example here: http://jsfiddle.net/EMSdN/7/

Can anyone suggest a solution?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文