jEditable 同时编辑表格的多个单元格
我试图通过使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论