演示

Question

我正在使用 Jeditable 插件。我要做的是单击一个按钮，某行中的所有字段都可以编辑，并自动进入可编辑状态。换句话说，我有一个表，我想点击一行的“编辑”按钮，该行中的所有列都可以编辑。这可能吗？

Answer 1

是的，有可能。
假设您使用Jeditable用户确认修改的方式，与演示网站上的方式相同;查看“字符计数器”部分：Jeditable Custom Inputs。

而且你必须在某处放一个按钮，这会导致元素可编辑。例如，如果元素具有类“edit”（例如：<div class="edit">blah blah</div>）并且在可编辑代码中设置了event:'dblclick'（这意味着您必须双击才能编辑字段），以下代码完全符合您的要求（测试，正在工作！）：</ p>

<div>
  <div class="edit charcounter">blah blah</div>
</div>
<div>
  <button type="button" class="edit_all_btns">Click this button and all the fields will become editable!</button>
</div>
<script type="text/javascript">
<!--
$(document).ready(function () {
  $(".charcounter").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", {
    indicator: "<img src='http://www.appelsiini.net/projects/jeditable/img/indicator.gif'>",
    type: "charcounter",
    submit: 'OK',
    tooltip: "Click to edit...",
    onblur: "ignore",
    charcounter: {
      characters: 60
    },
    event: 'dblclick'
  });

  $('.edit_all_btns').click(function () {
    $('.edit').dblclick();
  });

});
// -->
</script>

演示

但是这里有一个更详细，有效的jsFiddle示例，带有一个表，您可以在其中尝试代码：

http://jsfiddle.net/Sk8erPeter/qjrJX/

可插入插件 - 所有列可同时编辑

1 个答案:

演示